medialab / hyphe-browser

Browser version of Hyphe (WIP)
GNU Affero General Public License v3.0
29 stars 4 forks source link

After first setting up a new server, first corpus opening/creation crashes with white screen #211

Closed boogheta closed 1 year ago

boogheta commented 2 years ago

Restarting HyBro solves it.

This whole stacks shows it in electron's console:

react_devtools_backend.js:2528 Warning: Failed prop type: The prop `status` is marked as required in `CorpusStatusWatcher`, but its value is `undefined`.
    in CorpusStatusWatcher (created by ConnectFunction)
    in ConnectFunction (created by BrowserContainer)
    in BrowserContainer (created by ConnectFunction)
    in ConnectFunction (created by Context.Consumer)
    in injectIntl(Connect(BrowserContainer)) (created by Context.Consumer)
    in Route (created by _default)
    in Switch (created by _default)
    in _default (created by App)
    in IntlProvider (created by App)
    in App (created by ConnectFunction)
    in ConnectFunction (created by App)
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by Context.Consumer)
    in ConnectedRouterWithContext (created by ConnectFunction)
    in ConnectFunction (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp
overrideMethod @ react_devtools_backend.js:2528
printWarning @ checkPropTypes.js?a15c:20
checkPropTypes @ checkPropTypes.js?a15c:82
validatePropTypes @ react.development.js?72d0:1714
createElementWithValidation @ react.development.js?72d0:1813
React$$1.createElement @ react-hot-loader.development.js?c2cb:2915
eval @ connectAdvanced.js?fe33:330
mountMemo @ react-dom.development.js?7f13:15443
useMemo @ react-dom.development.js?7f13:15739
useMemo @ react.development.js?72d0:1521
wrappedHook @ react-hot-loader.development.js?c2cb:2798
ConnectFunction @ connectAdvanced.js?fe33:329
renderWithHooks @ react-dom.development.js?7f13:14804
updateFunctionComponent @ react-dom.development.js?7f13:17035
updateSimpleMemoComponent @ react-dom.development.js?7f13:16973
updateMemoComponent @ react-dom.development.js?7f13:16862
beginWork @ react-dom.development.js?7f13:18683
beginWork$1 @ react-dom.development.js?7f13:23180
performUnitOfWork @ react-dom.development.js?7f13:22155
workLoopSync @ react-dom.development.js?7f13:22131
performSyncWorkOnRoot @ react-dom.development.js?7f13:21757
eval @ react-dom.development.js?7f13:11090
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
flushSyncCallbackQueueImpl @ react-dom.development.js?7f13:11085
flushSyncCallbackQueue @ react-dom.development.js?7f13:11073
scheduleUpdateOnFiber @ react-dom.development.js?7f13:21200
enqueueSetState @ react-dom.development.js?7f13:12640
Component.setState @ react.development.js?72d0:471
eval @ react-router.js?4f2e:74
listener @ history.js?2e10:155
eval @ history.js?2e10:173
notifyListeners @ history.js?2e10:172
setState @ history.js?2e10:561
eval @ history.js?2e10:664
confirmTransitionTo @ history.js?2e10:145
push @ history.js?2e10:648
eval @ middleware.js?b518:28
eval @ index.js?b083:11
dispatch @ redux.js?00d8:638
eval @ corpora.js?330e:128
Promise.then (async)
eval @ corpora.js?330e:126
Promise.then (async)
eval @ corpora.js?330e:113
eval @ index.js?b083:8
eval @ redux.js?00d8:477
onSubmit @ CorpusForm.js?4390:100
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?7f13:307
executeDispatch @ react-dom.development.js?7f13:390
executeDispatchesInOrder @ react-dom.development.js?7f13:415
executeDispatchesAndRelease @ react-dom.development.js?7f13:3279
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?7f13:3288
forEachAccumulated @ react-dom.development.js?7f13:3260
runEventsInBatch @ react-dom.development.js?7f13:3305
runExtractedPluginEventsInBatch @ react-dom.development.js?7f13:3515
handleTopLevel @ react-dom.development.js?7f13:3559
batchedEventUpdates$1 @ react-dom.development.js?7f13:21872
batchedEventUpdates @ react-dom.development.js?7f13:796
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?7f13:3569
attemptToDispatchEvent @ react-dom.development.js?7f13:4268
dispatchEvent @ react-dom.development.js?7f13:4190
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
discreteUpdates$1 @ react-dom.development.js?7f13:21888
discreteUpdates @ react-dom.development.js?7f13:807
dispatchDiscreteEvent @ react-dom.development.js?7f13:4169
Show 11 more frames
BrowserLayout.js?81ba:27 Uncaught TypeError: Cannot read property 'ready' of undefined
    at BrowserLayout (BrowserLayout.js?81ba:27)
    at renderWithHooks (react-dom.development.js?7f13:14804)
    at mountIndeterminateComponent (react-dom.development.js?7f13:17483)
    at beginWork (react-dom.development.js?7f13:18597)
    at HTMLUnknownElement.callCallback (react-dom.development.js?7f13:189)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?7f13:238)
    at invokeGuardedCallback (react-dom.development.js?7f13:293)
    at beginWork$1 (react-dom.development.js?7f13:23204)
    at performUnitOfWork (react-dom.development.js?7f13:22155)
    at workLoopSync (react-dom.development.js?7f13:22131)
BrowserLayout @ BrowserLayout.js?81ba:27
renderWithHooks @ react-dom.development.js?7f13:14804
mountIndeterminateComponent @ react-dom.development.js?7f13:17483
beginWork @ react-dom.development.js?7f13:18597
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
beginWork$1 @ react-dom.development.js?7f13:23204
performUnitOfWork @ react-dom.development.js?7f13:22155
workLoopSync @ react-dom.development.js?7f13:22131
performSyncWorkOnRoot @ react-dom.development.js?7f13:21757
eval @ react-dom.development.js?7f13:11090
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
flushSyncCallbackQueueImpl @ react-dom.development.js?7f13:11085
flushSyncCallbackQueue @ react-dom.development.js?7f13:11073
scheduleUpdateOnFiber @ react-dom.development.js?7f13:21200
enqueueSetState @ react-dom.development.js?7f13:12640
Component.setState @ react.development.js?72d0:471
eval @ react-router.js?4f2e:74
listener @ history.js?2e10:155
eval @ history.js?2e10:173
notifyListeners @ history.js?2e10:172
setState @ history.js?2e10:561
eval @ history.js?2e10:664
confirmTransitionTo @ history.js?2e10:145
push @ history.js?2e10:648
eval @ middleware.js?b518:28
eval @ index.js?b083:11
dispatch @ redux.js?00d8:638
eval @ corpora.js?330e:128
Promise.then (async)
eval @ corpora.js?330e:126
Promise.then (async)
eval @ corpora.js?330e:113
eval @ index.js?b083:8
eval @ redux.js?00d8:477
onSubmit @ CorpusForm.js?4390:100
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?7f13:307
executeDispatch @ react-dom.development.js?7f13:390
executeDispatchesInOrder @ react-dom.development.js?7f13:415
executeDispatchesAndRelease @ react-dom.development.js?7f13:3279
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?7f13:3288
forEachAccumulated @ react-dom.development.js?7f13:3260
runEventsInBatch @ react-dom.development.js?7f13:3305
runExtractedPluginEventsInBatch @ react-dom.development.js?7f13:3515
handleTopLevel @ react-dom.development.js?7f13:3559
batchedEventUpdates$1 @ react-dom.development.js?7f13:21872
batchedEventUpdates @ react-dom.development.js?7f13:796
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?7f13:3569
attemptToDispatchEvent @ react-dom.development.js?7f13:4268
dispatchEvent @ react-dom.development.js?7f13:4190
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
discreteUpdates$1 @ react-dom.development.js?7f13:21888
discreteUpdates @ react-dom.development.js?7f13:807
dispatchDiscreteEvent @ react-dom.development.js?7f13:4169
react_devtools_backend.js:2528 The above error occurred in the <BrowserLayout> component:
    in BrowserLayout (created by BrowserContainer)
    in CorpusStatusWatcher (created by ConnectFunction)
    in ConnectFunction (created by BrowserContainer)
    in BrowserContainer (created by ConnectFunction)
    in ConnectFunction (created by Context.Consumer)
    in injectIntl(Connect(BrowserContainer)) (created by Context.Consumer)
    in Route (created by _default)
    in Switch (created by _default)
    in _default (created by App)
    in IntlProvider (created by App)
    in App (created by ConnectFunction)
    in ConnectFunction (created by App)
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by Context.Consumer)
    in ConnectedRouterWithContext (created by ConnectFunction)
    in ConnectFunction (created by App)
    in Provider (created by App)
    in App (created by HotExportedApp)
    in AppContainer (created by HotExportedApp)
    in HotExportedApp

React will try to recreate this component tree from scratch using the error boundary you provided, AppContainer.
overrideMethod @ react_devtools_backend.js:2528
logCapturedError @ react-dom.development.js?7f13:19528
logError @ react-dom.development.js?7f13:19565
callback @ react-dom.development.js?7f13:20745
callCallback @ react-dom.development.js?7f13:12491
commitUpdateQueue @ react-dom.development.js?7f13:12512
commitLifeCycles @ react-dom.development.js?7f13:19859
commitLayoutEffects @ react-dom.development.js?7f13:22804
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
commitRootImpl @ react-dom.development.js?7f13:22542
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
commitRoot @ react-dom.development.js?7f13:22382
finishSyncRender @ react-dom.development.js?7f13:21808
performSyncWorkOnRoot @ react-dom.development.js?7f13:21794
eval @ react-dom.development.js?7f13:11090
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
flushSyncCallbackQueueImpl @ react-dom.development.js?7f13:11085
flushSyncCallbackQueue @ react-dom.development.js?7f13:11073
scheduleUpdateOnFiber @ react-dom.development.js?7f13:21200
enqueueSetState @ react-dom.development.js?7f13:12640
Component.setState @ react.development.js?72d0:471
eval @ react-router.js?4f2e:74
listener @ history.js?2e10:155
eval @ history.js?2e10:173
notifyListeners @ history.js?2e10:172
setState @ history.js?2e10:561
eval @ history.js?2e10:664
confirmTransitionTo @ history.js?2e10:145
push @ history.js?2e10:648
eval @ middleware.js?b518:28
eval @ index.js?b083:11
dispatch @ redux.js?00d8:638
eval @ corpora.js?330e:128
Promise.then (async)
eval @ corpora.js?330e:126
Promise.then (async)
eval @ corpora.js?330e:113
eval @ index.js?b083:8
eval @ redux.js?00d8:477
onSubmit @ CorpusForm.js?4390:100
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?7f13:307
executeDispatch @ react-dom.development.js?7f13:390
executeDispatchesInOrder @ react-dom.development.js?7f13:415
executeDispatchesAndRelease @ react-dom.development.js?7f13:3279
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?7f13:3288
forEachAccumulated @ react-dom.development.js?7f13:3260
runEventsInBatch @ react-dom.development.js?7f13:3305
runExtractedPluginEventsInBatch @ react-dom.development.js?7f13:3515
handleTopLevel @ react-dom.development.js?7f13:3559
batchedEventUpdates$1 @ react-dom.development.js?7f13:21872
batchedEventUpdates @ react-dom.development.js?7f13:796
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?7f13:3569
attemptToDispatchEvent @ react-dom.development.js?7f13:4268
dispatchEvent @ react-dom.development.js?7f13:4190
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
discreteUpdates$1 @ react-dom.development.js?7f13:21888
discreteUpdates @ react-dom.development.js?7f13:807
dispatchDiscreteEvent @ react-dom.development.js?7f13:4169
Show 7 more frames
react_devtools_backend.js:2528 TypeError: Cannot read property 'ready' of undefined
    at BrowserLayout (BrowserLayout.js?81ba:27)
    at renderWithHooks (react-dom.development.js?7f13:14804)
    at mountIndeterminateComponent (react-dom.development.js?7f13:17483)
    at beginWork (react-dom.development.js?7f13:18597)
    at HTMLUnknownElement.callCallback (react-dom.development.js?7f13:189)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?7f13:238)
    at invokeGuardedCallback (react-dom.development.js?7f13:293)
    at beginWork$1 (react-dom.development.js?7f13:23204)
    at performUnitOfWork (react-dom.development.js?7f13:22155)
    at workLoopSync (react-dom.development.js?7f13:22131) "
    at AppContainer (eval at ES6ProxyComponentFactory (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js), <anonymous>:14:7)
    at HotExportedApp (eval at ES6ProxyComponentFactory (webpack-internal:///./node_modules/react-hot-loader/dist/react-hot-loader.development.js), <anonymous>:14:7)"
overrideMethod @ react_devtools_backend.js:2528
error @ react-hot-loader.development.js?c2cb:297
componentDidCatch @ react-hot-loader.development.js?c2cb:2402
callback @ react-dom.development.js?7f13:20750
callCallback @ react-dom.development.js?7f13:12491
commitUpdateQueue @ react-dom.development.js?7f13:12512
commitLifeCycles @ react-dom.development.js?7f13:19859
commitLayoutEffects @ react-dom.development.js?7f13:22804
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
commitRootImpl @ react-dom.development.js?7f13:22542
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
commitRoot @ react-dom.development.js?7f13:22382
finishSyncRender @ react-dom.development.js?7f13:21808
performSyncWorkOnRoot @ react-dom.development.js?7f13:21794
eval @ react-dom.development.js?7f13:11090
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
flushSyncCallbackQueueImpl @ react-dom.development.js?7f13:11085
flushSyncCallbackQueue @ react-dom.development.js?7f13:11073
scheduleUpdateOnFiber @ react-dom.development.js?7f13:21200
enqueueSetState @ react-dom.development.js?7f13:12640
Component.setState @ react.development.js?72d0:471
eval @ react-router.js?4f2e:74
listener @ history.js?2e10:155
eval @ history.js?2e10:173
notifyListeners @ history.js?2e10:172
setState @ history.js?2e10:561
eval @ history.js?2e10:664
confirmTransitionTo @ history.js?2e10:145
push @ history.js?2e10:648
eval @ middleware.js?b518:28
eval @ index.js?b083:11
dispatch @ redux.js?00d8:638
eval @ corpora.js?330e:128
Promise.then (async)
eval @ corpora.js?330e:126
Promise.then (async)
eval @ corpora.js?330e:113
eval @ index.js?b083:8
eval @ redux.js?00d8:477
onSubmit @ CorpusForm.js?4390:100
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?7f13:307
executeDispatch @ react-dom.development.js?7f13:390
executeDispatchesInOrder @ react-dom.development.js?7f13:415
executeDispatchesAndRelease @ react-dom.development.js?7f13:3279
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?7f13:3288
forEachAccumulated @ react-dom.development.js?7f13:3260
runEventsInBatch @ react-dom.development.js?7f13:3305
runExtractedPluginEventsInBatch @ react-dom.development.js?7f13:3515
handleTopLevel @ react-dom.development.js?7f13:3559
batchedEventUpdates$1 @ react-dom.development.js?7f13:21872
batchedEventUpdates @ react-dom.development.js?7f13:796
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?7f13:3569
attemptToDispatchEvent @ react-dom.development.js?7f13:4268
dispatchEvent @ react-dom.development.js?7f13:4190
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
discreteUpdates$1 @ react-dom.development.js?7f13:21888
discreteUpdates @ react-dom.development.js?7f13:807
dispatchDiscreteEvent @ react-dom.development.js?7f13:4169
Show 7 more frames
react-hot-loader.development.js?c2cb:2409 Uncaught TypeError: Cannot read property 'ready' of undefined
    at BrowserLayout (BrowserLayout.js?81ba:27)
    at renderWithHooks (react-dom.development.js?7f13:14804)
    at mountIndeterminateComponent (react-dom.development.js?7f13:17483)
    at beginWork (react-dom.development.js?7f13:18597)
    at HTMLUnknownElement.callCallback (react-dom.development.js?7f13:189)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?7f13:238)
    at invokeGuardedCallback (react-dom.development.js?7f13:293)
    at beginWork$1 (react-dom.development.js?7f13:23204)
    at performUnitOfWork (react-dom.development.js?7f13:22155)
    at workLoopSync (react-dom.development.js?7f13:22131)
BrowserLayout @ BrowserLayout.js?81ba:27
renderWithHooks @ react-dom.development.js?7f13:14804
mountIndeterminateComponent @ react-dom.development.js?7f13:17483
beginWork @ react-dom.development.js?7f13:18597
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
beginWork$1 @ react-dom.development.js?7f13:23204
performUnitOfWork @ react-dom.development.js?7f13:22155
workLoopSync @ react-dom.development.js?7f13:22131
performSyncWorkOnRoot @ react-dom.development.js?7f13:21757
eval @ react-dom.development.js?7f13:11090
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
flushSyncCallbackQueueImpl @ react-dom.development.js?7f13:11085
flushSyncCallbackQueue @ react-dom.development.js?7f13:11073
scheduleUpdateOnFiber @ react-dom.development.js?7f13:21200
enqueueSetState @ react-dom.development.js?7f13:12640
Component.setState @ react.development.js?72d0:471
eval @ react-router.js?4f2e:74
listener @ history.js?2e10:155
eval @ history.js?2e10:173
notifyListeners @ history.js?2e10:172
setState @ history.js?2e10:561
eval @ history.js?2e10:664
confirmTransitionTo @ history.js?2e10:145
push @ history.js?2e10:648
eval @ middleware.js?b518:28
eval @ index.js?b083:11
dispatch @ redux.js?00d8:638
eval @ corpora.js?330e:128
Promise.then (async)
eval @ corpora.js?330e:126
Promise.then (async)
eval @ corpora.js?330e:113
eval @ index.js?b083:8
eval @ redux.js?00d8:477
onSubmit @ CorpusForm.js?4390:100
callCallback @ react-dom.development.js?7f13:189
invokeGuardedCallbackDev @ react-dom.development.js?7f13:238
invokeGuardedCallback @ react-dom.development.js?7f13:293
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js?7f13:307
executeDispatch @ react-dom.development.js?7f13:390
executeDispatchesInOrder @ react-dom.development.js?7f13:415
executeDispatchesAndRelease @ react-dom.development.js?7f13:3279
executeDispatchesAndReleaseTopLevel @ react-dom.development.js?7f13:3288
forEachAccumulated @ react-dom.development.js?7f13:3260
runEventsInBatch @ react-dom.development.js?7f13:3305
runExtractedPluginEventsInBatch @ react-dom.development.js?7f13:3515
handleTopLevel @ react-dom.development.js?7f13:3559
batchedEventUpdates$1 @ react-dom.development.js?7f13:21872
batchedEventUpdates @ react-dom.development.js?7f13:796
dispatchEventForLegacyPluginEventSystem @ react-dom.development.js?7f13:3569
attemptToDispatchEvent @ react-dom.development.js?7f13:4268
dispatchEvent @ react-dom.development.js?7f13:4190
unstable_runWithPriority @ scheduler.development.js?3069:653
runWithPriority$1 @ react-dom.development.js?7f13:11040
discreteUpdates$1 @ react-dom.development.js?7f13:21888
discreteUpdates @ react-dom.development.js?7f13:807
dispatchDiscreteEvent @ react-dom.development.js?7f13:4169
react_devtools_backend.js:2528 The above error occurred in the <AppContainer> component:
    in AppContainer (created by HotExportedApp)
    in HotExportedApp

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://fb.me/react-error-boundaries to learn more about error **boundaries.**