As a developer, I can see an error report in the browser view, so that it is easier to troubleshoot

[51ngul4r1ty]

An error started occurring in atoll/shared in 0.62.5 (or before) on 9/20/2022. The UI shows nothing for URL http://localhost:8500/plan, but there's a stack trace in the console. It recommends this:

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.

The main error is:

Uncaught Error: Invariant failed: You should not use <withRouter(Connect(Component)) /> outside a <Router>

In the console you see this:

tiny-invariant.esm.js:12 Uncaught Error: Invariant failed: You should not use <withRouter(Connect(Component)) /> outside a <Router>
    at invariant (tiny-invariant.esm.js:12:1)
    at react-router.js:681:1
    at updateContextConsumer (react-dom.development.js:18304:1)
    at beginWork (react-dom.development.js:18661:1)
    at HTMLUnknownElement.callCallback (react-dom.development.js:188:1)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:237:1)
    at invokeGuardedCallback (react-dom.development.js:292:1)
    at beginWork$1 (react-dom.development.js:23203:1)
    at performUnitOfWork (react-dom.development.js:22154:1)
    at workLoopSync (react-dom.development.js:22130:1)
invariant @ tiny-invariant.esm.js:12
(anonymous) @ react-router.js:681
updateContextConsumer @ react-dom.development.js:18304
beginWork @ react-dom.development.js:18661
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22154
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
./src/client/index.tsx @ index.tsx:31
__webpack_require__ @ bootstrap:784
fn @ bootstrap:150
0 @ routeBuilder.tsx:62
__webpack_require__ @ bootstrap:784
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ vendor.cc1cc6bd.chunk.js:1
react-dom.development.js:88 Warning: Did not expect server HTML to contain a <div> in <div>.
printWarning @ react-dom.development.js:88
error @ react-dom.development.js:60
warnForDeletedHydratableElement @ react-dom.development.js:6581
didNotHydrateContainerInstance @ react-dom.development.js:7776
deleteHydratableInstance @ react-dom.development.js:16443
popHydrationState @ react-dom.development.js:16711
completeWork @ react-dom.development.js:18917
completeUnitOfWork @ react-dom.development.js:22192
performUnitOfWork @ react-dom.development.js:22165
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
./src/client/index.tsx @ index.tsx:31
__webpack_require__ @ bootstrap:784
fn @ bootstrap:150
0 @ routeBuilder.tsx:62
__webpack_require__ @ bootstrap:784
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ vendor.cc1cc6bd.chunk.js:1
react-dom.development.js:19527 The above error occurred in the <Context.Consumer> component:
    in withRouter(Connect(Component))
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by Context.Consumer)
    in ConnectedRouterWithContext (created by ConnectFunction)
    in ConnectFunction
    in Provider

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.
logCapturedError @ react-dom.development.js:19527
logError @ react-dom.development.js:19564
update.callback @ react-dom.development.js:20708
callCallback @ react-dom.development.js:12490
commitUpdateQueue @ react-dom.development.js:12511
commitLifeCycles @ react-dom.development.js:19883
commitLayoutEffects @ react-dom.development.js:22803
callCallback @ react-dom.development.js:188
invokeGuardedCallbackDev @ react-dom.development.js:237
invokeGuardedCallback @ react-dom.development.js:292
commitRootImpl @ react-dom.development.js:22541
unstable_runWithPriority @ scheduler.development.js:653
runWithPriority$1 @ react-dom.development.js:11039
commitRoot @ react-dom.development.js:22381
finishSyncRender @ react-dom.development.js:21807
performSyncWorkOnRoot @ react-dom.development.js:21793
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
./src/client/index.tsx @ index.tsx:31
__webpack_require__ @ bootstrap:784
fn @ bootstrap:150
0 @ routeBuilder.tsx:62
__webpack_require__ @ bootstrap:784
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ vendor.cc1cc6bd.chunk.js:1
react-dom.development.js:248 Uncaught Error: A cross-origin error was thrown. React doesn't have access to the actual error object in development. See https://fb.me/react-crossorigin-error for more information.
    at Object.invokeGuardedCallbackDev (react-dom.development.js:248:1)
    at invokeGuardedCallback (react-dom.development.js:292:1)
    at beginWork$1 (react-dom.development.js:23203:1)
    at performUnitOfWork (react-dom.development.js:22154:1)
    at workLoopSync (react-dom.development.js:22130:1)
    at performSyncWorkOnRoot (react-dom.development.js:21756:1)
    at scheduleUpdateOnFiber (react-dom.development.js:21188:1)
    at updateContainer (react-dom.development.js:24373:1)
    at react-dom.development.js:24758:1
    at unbatchedUpdates (react-dom.development.js:21903:1)
invokeGuardedCallbackDev @ react-dom.development.js:248
invokeGuardedCallback @ react-dom.development.js:292
beginWork$1 @ react-dom.development.js:23203
performUnitOfWork @ react-dom.development.js:22154
workLoopSync @ react-dom.development.js:22130
performSyncWorkOnRoot @ react-dom.development.js:21756
scheduleUpdateOnFiber @ react-dom.development.js:21188
updateContainer @ react-dom.development.js:24373
(anonymous) @ react-dom.development.js:24758
unbatchedUpdates @ react-dom.development.js:21903
legacyRenderSubtreeIntoContainer @ react-dom.development.js:24757
hydrate @ react-dom.development.js:24823
./src/client/index.tsx @ index.tsx:31
__webpack_require__ @ bootstrap:784
fn @ bootstrap:150
0 @ routeBuilder.tsx:62
__webpack_require__ @ bootstrap:784
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ vendor.cc1cc6bd.chunk.js:1
client.js:95 [HMR] connected