Cannot read properties of null (reading 'useState')

[stephencharette-old]

I am getting this error after I npm install and import MonacoEditor into my react functional component.

This is some of my code: I have version 3.5.8 installed.

`import React, { useState, useContext } from "react"; import MonacoEditor from "@uiw/react-monacoeditor";

<MonacoEditor value={code} language={language} onBlur={handleCodeChange} onChange={handleCodeType} options={{ theme: "vs-dark", }} /> ` No matter what options I pass in, as long as MonacoEditor is there, I get this error:

Cannot read properties of null (reading 'useState') TypeError: Cannot read properties of null (reading 'useState') at useState (http://localhost:3000/static/js/bundle.js:257147:25) at MonacoEditor (http://localhost:3000/static/js/bundle.js:64921:70) at renderWithHooks (http://localhost:3000/static/js/bundle.js:30704:22) at updateForwardRef (http://localhost:3000/static/js/bundle.js:33275:24) at beginWork (http://localhost:3000/static/js/bundle.js:35322:20) at HTMLUnknownElement.callCallback (http://localhost:3000/static/js/bundle.js:20296:18) at Object.invokeGuardedCallbackDev (http://localhost:3000/static/js/bundle.js:20340:20) at invokeGuardedCallback (http://localhost:3000/static/js/bundle.js:20397:35) at beginWork$1 (http://localhost:3000/static/js/bundle.js:40271:11) at performUnitOfWork (http://localhost:3000/static/js/bundle.js:39518:16)

[jaywcjlove]

@stephencharette There is no way to reproduce your error.

[stephencharette-old]

@jaywcjlove My project is here: https://github.com/stephencharette/_toolkit

If you pull the latest master branch, and try to add the MonacoEditor to client/src/components/Code.js it should give the error

[jaywcjlove]

@stephencharette I can't run your project. Could not reproduce your error.

[stephencharette-old]

Please see my monaco branch, you should now be able to run my project without having any firebase credentials. The issue lies in the Library.js file where I am adding in a MonacoEditor component.