I'm using react query builder with MaterialUI and I found a bug in ValueEditor where each typed letter in TextField is causing rerendering.
Here is codesanbox example of same thing using regular input in ValueEditor. https://codesandbox.io/s/oditj?file=/src/App.tsx
Anyone has any idea how to fix this problem? I would appreciate any type of help Thanks
Just move the ValueEditor component outside the App component because it's being re-created in each "App" render, which triggers another render.
Demo: https://codesandbox.io/s/value-editor-rerendering-forked-jrn7pe?file=/src/App.tsx