Error in react-three-gui when using @react-three/fiber in CodeSandbox

[gustavomoises]

Hi React-Three developers,

When I add the line import { Controls, useControl } from 'react-three-gui in CodeSandbox I am getting the error:

TypeError
(0 , $csb__reactthreefiber.addEffect) is not a function
at evaluate (https://kcprz.csb.app/node_modules/
react-spring/three/index.js:31:37
H
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:99575
G.evaluate
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:111943
be.evaluateTranspiledModule
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:121879
c
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:111689
evaluate
https://kcprz.csb.app/node_modules/react-three-gui/dist/react-three-gui.esm.js:66:20
H
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:99575
G.evaluate
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:111943
be.evaluateTranspiledModule
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:121879
c
https://codesandbox.io/static/js/sandbox.02989ea67.js:1:111689
evaluate
/src/index.js:9
6 | import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'
7 | import { Canvas, extend, useThree}from "@react-three/fiber"
8 | import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'

9 | import { Controls, useControl } from 'react-three-gui'

Do you have any idea how to solve this issue? Do you know any other GUI library that works with the new version of @react-three/fiber?

Thanks,

Gustavo

[joshuaellis]

Why not check out Leva, it's a great GUI library.

[gustavomoises]

@joshuaellis and @drcmda , do you have a code example for reference?
Thanks
Gustavo

[gustavomoises]

I could figure out how it works. Thank you!!!

[drcmda]

like josh said, better use leva. rtg probably isn't updated to @react-three/fiber