Invalid hook call

[kumaravelqdm]

Hi, facing an issue on below

Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

Refer: https://codesandbox.io/s/musing-nobel-rfdqt?file=/src/App.js

need your help with solve this issue

[syednoman84]

I am also having the same issues as @kumaravelqdm. I have also tried changing the App() to a functional component like const App = () => { } but still no luck. Please let me know the solution if you find one. Thanks in advance.

[SinziToma]

Deleting the react and react-dom folders from node_modules/mui-querybuilder/node_modules fixed it for me.
I think the problem is that the package.json file from mui-querybuilder has react and react-dom as dependencies. Therefore the package introduces a second instance of react in the app it is used in. These should be added only as peerDependencies.