search

jsme-editor / jsme-editor.github.io

73 stars 19 forks source link

Unhandled error when trying to access jsme-react that has not yet been loaded #43

Open hellhorse123 opened 6 months ago

hellhorse123 commented 6 months ago

In my react application, when I try to access a jsme that has not yet loaded, I get errors:

react-dom.development.js:22839 Uncaught TypeError: Cannot read properties of undefined (reading 'readGenericMolecularInput')
    at Jsme2.componentDidUpdate (index.js:76:25)
    at commitLayoutEffectOnFiber (react-dom.development.js:23333:30)
    at commitLayoutMountEffects_complete (react-dom.development.js:24688:9)
    at commitLayoutEffects_begin (react-dom.development.js:24674:7)
    at commitLayoutEffects (react-dom.development.js:24612:3)
    at commitRootImpl (react-dom.development.js:26823:5)
    at commitRoot (react-dom.development.js:26682:5)
    at finishConcurrentRender (react-dom.development.js:25981:9)
    at performConcurrentWorkOnRoot (react-dom.development.js:25809:7)
    at workLoop (scheduler.development.js:266:34)
componentDidUpdate @ index.js:76
commitLayoutEffectOnFiber @ react-dom.development.js:23333
commitLayoutMountEffects_complete @ react-dom.development.js:24688
commitLayoutEffects_begin @ react-dom.development.js:24674
commitLayoutEffects @ react-dom.development.js:24612
commitRootImpl @ react-dom.development.js:26823
commitRoot @ react-dom.development.js:26682
finishConcurrentRender @ react-dom.development.js:25981
performConcurrentWorkOnRoot @ react-dom.development.js:25809
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533
Show 12 more frames
Show less
console.js:213 The above error occurred in the <Jsme2> component:

    at Jsme2 (http://localhost:5173/node_modules/.vite/deps/jsme-react.js?v=c378ba71:139:5)
    at div
    at div
    at div
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:11042:23
    at div
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:11057:25
    at DomWrapper4 (http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:4912:5)
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:5280:32
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:11148:25
    at div
    at div
    at Dialog (http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:11207:32)
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:10904:21
    at DialogWrap2 (http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:11330:23)
    at NoFormStyle (http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:14613:5)
    at NoCompactStyle (http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:9536:5)
    at Modal (http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:15637:15)
    at ModalComponent (http://localhost:5173/src/components/UI/modal/ModalComponent.tsx:20:3)
    at ModalContentDrawer (http://localhost:5173/src/pages/scaffold-placement/utils/modal-content-drawer/ModalContentDrawer.tsx?t=1703774529027:24:3)
    at div
    at div
    at div
    at CardContainer (http://localhost:5173/src/components/UI/card-container/CardContainer.tsx:20:3)
    at PlacementSelection (http://localhost:5173/src/pages/scaffold-placement/utils/placement-selection/PlacementSelection.tsx?t=1703774586678:31:43)
    at div
    at div
    at div
    at ScaffoldPlacementPage (http://localhost:5173/src/pages/scaffold-placement/index.tsx:31:7)
    at RenderedRoute (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=c378ba71:3327:5)
    at Outlet (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=c378ba71:3720:26)
    at div
    at div
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:27854:16
    at Layout
    at ProjectsSideProvider (http://localhost:5173/src/components/router/side/ProjectsSideContext.tsx:31:3)
    at div
    at http://localhost:5173/node_modules/.vite/deps/antd.js?v=c378ba71:27854:16
    at Layout
    at LayoutWrapper
    at PrivateRoute (http://localhost:5173/src/router/RoutingComponent.tsx:35:3)
    at RenderedRoute (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=c378ba71:3327:5)
    at Routes (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=c378ba71:3780:5)
    at MainRouter
    at RoutingComponent
    at Router (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=c378ba71:3727:15)
    at BrowserRouter (http://localhost:5173/node_modules/.vite/deps/react-router-dom.js?v=c378ba71:4207:5)
    at QueryClientProvider2 (http://localhost:5173/node_modules/.vite/deps/chunk-3YGZVDKH.js?v=c378ba71:2868:25)
    at App

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
overrideMethod @ console.js:213
logCapturedError @ react-dom.development.js:18687
update.callback @ react-dom.development.js:18720
callCallback @ react-dom.development.js:13923
commitUpdateQueue @ react-dom.development.js:13944
commitLayoutEffectOnFiber @ react-dom.development.js:23391
commitLayoutMountEffects_complete @ react-dom.development.js:24688
commitLayoutEffects_begin @ react-dom.development.js:24674
commitLayoutEffects @ react-dom.development.js:24612
commitRootImpl @ react-dom.development.js:26823
commitRoot @ react-dom.development.js:26682
performSyncWorkOnRoot @ react-dom.development.js:26117
flushSyncCallbacks @ react-dom.development.js:12042
commitRootImpl @ react-dom.development.js:26959
commitRoot @ react-dom.development.js:26682
finishConcurrentRender @ react-dom.development.js:25981
performConcurrentWorkOnRoot @ react-dom.development.js:25809
workLoop @ scheduler.development.js:266
flushWork @ scheduler.development.js:239
performWorkUntilDeadline @ scheduler.development.js:533
Show 20 more frames
Show less
react-dom.development.js:12056 Uncaught TypeError: Cannot read properties of undefined (reading 'readGenericMolecularInput')
    at Jsme2.componentDidUpdate (index.js:76:25)
    at commitLayoutEffectOnFiber (react-dom.development.js:23333:30)
    at commitLayoutMountEffects_complete (react-dom.development.js:24688:9)
    at commitLayoutEffects_begin (react-dom.development.js:24674:7)
    at commitLayoutEffects (react-dom.development.js:24612:3)
    at commitRootImpl (react-dom.development.js:26823:5)
    at commitRoot (react-dom.development.js:26682:5)
    at finishConcurrentRender (react-dom.development.js:25981:9)
    at performConcurrentWorkOnRoot (react-dom.development.js:25809:7)
    at workLoop (scheduler.development.js:266:34)
image image

I'm not sure if this is a problem in the wrapper jsme-react or in jsme, I created a similar issue in jsme-react, but I'm not sure if it will be answered. I will be glad for any help, thank you