extension crash on boot using RecoilizeDebugger

[recursiveElk]

Recoil crashes immediately and chrome extension fails (needs to be reloaded).

import { RecoilRoot } from 'recoil';
import RecoilizeDebugger from 'recoilize';

...

<React.StrictMode>
<RecoilRoot>
        <RecoilizeDebugger/>
        <App />
</RecoilRoot>
</React.StrictMode>

[mteichtahl]

I am seeing the same thing

[cagosto]

same here

[balboFK]

Same here aswell.

[brendanmorrell]

Ditto

[daniellimapro]

Ditto

[daniellimapro]

I am using Next, and i try:

//If your application uses Next.js modify the _app.js as follows
import dynamic from 'next/dynamic';
import { useEffect, useState } from 'react';
import { RecoilRoot } from 'recoil';

function MyApp({ Component, pageProps }) {

  const [root, setRoot] = useState(null)
  const RecoilizeDebugger = dynamic(
	() => {
	  return import('recoilize');
	},
	{ ssr: false}
  );

  useEffect(() => {

    if (typeof window.document !== 'undefined') {
      setRoot(document.getElementById('__next'));
    }
  }, [root]);
 
  return (
    <>
    <RecoilRoot>
      <RecoilizeDebugger root = {root}/>
      <Component {...pageProps} />
    </RecoilRoot>
    </>
  );
}


export default MyApp;

But not resolved.

[joey-ma]

Thank you for your interest and your patience!

Until everything gets cleared up, please use following steps to load the unpacked extension:

1. go to your desired directory for saving Recoilize, enter git clone https://github.com/open-source-labs/Recoilize.git to download the repo
2. enter cd Recoilize to enter into the Recoilize folder
3. enter npm install --force to install all necessary dependencies
4. enter npm run build to ensure your local files are correctly built
5. open up Google Chrome, go to --> Manage Extensions --> Load unpacked, then locate and select the exact file location of Recoilize/src/extension/build.
6. you should be able to open up Recoilize now! if dev tool does not load properly, try refreshing it.
7. you can test it out here @ https://www.recoilize.io/#playground-section or follow the instructions @ https://github.com/open-source-labs/Recoilize#readme to test it with your own app