I used 'create-react-app', installed "recoil", and tried a simple example here. Then I tried to add recoil debugger to the chrome extension. But it doesn't work and the app crashes with an error. I assume it is because the example is written with "ReactDOM.render" syntax, but React 18 uses "root.render".
Does anyone know how to fix it?
index.js:
import React from 'react';
import ReactDOM from 'react-dom/client';
import RecoilizeDebugger from 'recoilize';
import { RecoilRoot } from 'recoil';
import './index.css';
import App from './App';
const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
<React.StrictMode>
<RecoilRoot>
<App />
<RecoilizeDebugger />r
</RecoilRoot>
</React.StrictMode>
);