Demo doesn't work

[unphased]

I'm really interested in using this tool to add some easy to use controls to my app, but there are a number of problems:

• the codesandbox demo is broken
  https://user-images.githubusercontent.com/1542910/106535164-95d38600-64c3-11eb-894a-b7fa7386d206.mp4
• in the codesandbox: Changing the rotation of the cube after changing the position resets the cube's position...
• in the codesandbox: error about key pops up
• in the codesandbox: color picker does not work
• when I incorporated it into my react-three-fiber app, which uses redux, I followed the https://github.com/birkir/react-three-gui#use-your-own-canvas example but even with the <Controls.Provider> wrapped around the canvas wrapped with controls, the control I specified does not appear and the controls popup is empty.

[ashleymvanduzer]

import withControls from react-three-gui, assign it to a new variable and pass it the Canvas element like below.

const WrappedCanvas = withControls(Canvas)

then in App() use WrappedCanvas where you would normally use Canvas and it should work.

[unphased]

I definitely tried that. I appreciate you explaining that clearly, as it is something that would be easy to miss. I tried it and even Typescript was happy with it. But it did not work. I get a blank draggable GUI element above the canvas. I think this project is dead to be honest. I will be using https://github.com/pmndrs/use-tweaks

[ashleymvanduzer]

A shame it's not working for you. I was having the same issue when I first used it as well actually but managed to figure it out, but unfortunately I can't remember what the solution was exactly lol. After replying to your post I noticed you specifically mention withControls. In any case it seems like you've found a great alternative with tweaks (which I will definitely be trying out!) but if you want me to take a look at the code you're having trouble with feel free to let me know!