Skip to content

[Bug] Reloading runs page (/runs/{id}) fails with custom backend (due to unresolved component ref) #1575

@morgan-wowk

Description

@morgan-wowk

Describe the bug
The runs page (e.g. /runs/019b2b82067022df82da) intermittently fails due to an unresolved ref in React.

To Reproduce

  1. Open your database / backend connection preferences in the top right of the page
  2. Set a custom backend to http://localhost:8000
  3. Save.
  4. Reload the homepage.
  5. Select a run.
  6. Reload the page when the URL is /runs/{id}
    • At this point, you should see an error.
Image

Expected behavior
The runs page should never fail to load due to an unresolved ref, when using a custom backend.

Screenshots

Screenshot above.

Additional context

Here is the console output at the time of the error

installHook.js:1 [@tanstack/router-devtools] This package has moved to @tanstack/react-router-devtools. Please switch to the new package at your earliest convenience, as this package will be dropped in the next major version release.
overrideMethod @ installHook.js:1
(anonymous) @ @tanstack_router-devtools.js?v=34617bc4:136Understand this warning
contentScript.bundle.js:2 Loading the script 'http://localhost:3000/43.bundle.js' violates the following Content Security Policy directive: "script-src 'self' 'wasm-unsafe-eval' 'inline-speculation-rules' chrome-extension://6fe77b8f-1213-4839-b3a0-5c77c77389cd/". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. The action has been blocked.

contentScript.bundle.js:2 Failed to load font styles: ChunkLoadError: Loading chunk 43 failed.
(error: http://localhost:3000/43.bundle.js)

installHook.js:1 TypeError: Cannot read properties of undefined (reading 'componentRef')
    at t2 (PipelineRun.tsx:60:20)
    at Object.react_stack_bottom_frame (react-dom_client.js?v=eecca937:18567:20)
    at runWithFiberInDEV (react-dom_client.js?v=eecca937:997:72)
    at commitHookEffectListMount (react-dom_client.js?v=eecca937:9411:163)
    at commitHookPassiveMountEffects (react-dom_client.js?v=eecca937:9465:60)
    at commitPassiveMountOnFiber (react-dom_client.js?v=eecca937:11040:29)
    at recursivelyTraversePassiveMountEffects (react-dom_client.js?v=eecca937:11010:13)
    at commitPassiveMountOnFiber (react-dom_client.js?v=eecca937:11201:13)
    at recursivelyTraversePassiveMountEffects (react-dom_client.js?v=eecca937:11010:13)
    at commitPassiveMountOnFiber (react-dom_client.js?v=eecca937:11033:13)

The above error occurred in the  component.

React will try to recreate this component tree from scratch using the error boundary you provided, CatchBoundaryImpl.

overrideMethod @ installHook.js:1
defaultOnCaughtError @ react-dom_client.js?v=eecca937:7001
logCaughtError @ react-dom_client.js?v=eecca937:7033
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
inst.componentDidCatch.update.callback @ react-dom_client.js?v=eecca937:7078
callCallback @ react-dom_client.js?v=eecca937:5491
commitCallbacks @ react-dom_client.js?v=eecca937:5503
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
commitClassCallbacks @ react-dom_client.js?v=eecca937:9490
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9958
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9907
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10066
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10044
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9963
flushLayoutEffects @ react-dom_client.js?v=eecca937:12924
commitRoot @ react-dom_client.js?v=eecca937:12803
commitRootWhenReady @ react-dom_client.js?v=eecca937:12016
performWorkOnRoot @ react-dom_client.js?v=eecca937:11950
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsxDEV @ react_jsx-dev-runtime.js?v=f9e5c5b8:247
PipelineRun @ PipelineRun.tsx:146
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooks @ react-dom_client.js?v=eecca937:5654
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
(anonymous) @ chunk-CHGMB7PZ.js?v=3e83fd48:1469
mountMemo @ react-dom_client.js?v=eecca937:6527
useMemo @ react-dom_client.js?v=eecca937:18709
exports.useMemo @ chunk-JVQ4MOLC.js?v=3e83fd48:947
MatchInnerImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1466
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooks @ react-dom_client.js?v=eecca937:5654
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
MatchImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1402
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
OutletImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1554
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsxDEV @ react_jsx-dev-runtime.js?v=f9e5c5b8:247
RootLayout @ RootLayout.tsx:26
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooks @ react-dom_client.js?v=eecca937:5654
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
(anonymous) @ chunk-CHGMB7PZ.js?v=3e83fd48:1469
mountMemo @ react-dom_client.js?v=eecca937:6527
useMemo @ react-dom_client.js?v=eecca937:18709
exports.useMemo @ chunk-JVQ4MOLC.js?v=3e83fd48:947
MatchInnerImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1466
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooks @ react-dom_client.js?v=eecca937:5654
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
MatchImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1402
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
OutletImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1554
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
(anonymous) @ chunk-CHGMB7PZ.js?v=3e83fd48:1469
mountMemo @ react-dom_client.js?v=eecca937:6527
useMemo @ react-dom_client.js?v=eecca937:18709
exports.useMemo @ chunk-JVQ4MOLC.js?v=3e83fd48:947
MatchInnerImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1466
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooks @ react-dom_client.js?v=eecca937:5654
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
MatchImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1402
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
MatchesInner @ chunk-CHGMB7PZ.js?v=3e83fd48:1584
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
Matches @ chunk-CHGMB7PZ.js?v=3e83fd48:1570
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performWorkOnRootViaSchedulerTask @ react-dom_client.js?v=eecca937:13505
performWorkUntilDeadline @ react-dom_client.js?v=eecca937:36

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
RouterProvider @ chunk-CHGMB7PZ.js?v=3e83fd48:1705
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performWorkOnRootViaSchedulerTask @ react-dom_client.js?v=eecca937:13505
performWorkUntilDeadline @ react-dom_client.js?v=eecca937:36

exports.jsxDEV @ react_jsx-dev-runtime.js?v=f9e5c5b8:247
(anonymous) @ index.tsx:26Understand this error
installHook.js:1 Warning: Error in route match: __root__/
overrideMethod @ installHook.js:1
warning @ chunk-CHGMB7PZ.js?v=3e83fd48:195
onCatch @ chunk-CHGMB7PZ.js?v=3e83fd48:1391
componentDidCatch @ chunk-CHGMB7PZ.js?v=3e83fd48:117
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18547
inst.componentDidCatch.update.callback @ react-dom_client.js?v=eecca937:7086
callCallback @ react-dom_client.js?v=eecca937:5491
commitCallbacks @ react-dom_client.js?v=eecca937:5503
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
commitClassCallbacks @ react-dom_client.js?v=eecca937:9490
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9958
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9907
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10066
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10044
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9903
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:10074
recursivelyTraverseLayoutEffects @ react-dom_client.js?v=eecca937:10792
commitLayoutEffectOnFiber @ react-dom_client.js?v=eecca937:9963
flushLayoutEffects @ react-dom_client.js?v=eecca937:12924
commitRoot @ react-dom_client.js?v=eecca937:12803
commitRootWhenReady @ react-dom_client.js?v=eecca937:12016
performWorkOnRoot @ react-dom_client.js?v=eecca937:11950
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
CatchBoundary @ chunk-CHGMB7PZ.js?v=3e83fd48:79
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
MatchImpl @ chunk-CHGMB7PZ.js?v=3e83fd48:1384
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
updateSimpleMemoComponent @ react-dom_client.js?v=eecca937:7264
updateMemoComponent @ react-dom_client.js?v=eecca937:7218
beginWork @ react-dom_client.js?v=eecca937:8786
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
MatchesInner @ chunk-CHGMB7PZ.js?v=3e83fd48:1584
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performSyncWorkOnRoot @ react-dom_client.js?v=eecca937:13517
flushSyncWorkAcrossRoots_impl @ react-dom_client.js?v=eecca937:13414
processRootScheduleInMicrotask @ react-dom_client.js?v=eecca937:13437
(anonymous) @ react-dom_client.js?v=eecca937:13531

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
Matches @ chunk-CHGMB7PZ.js?v=3e83fd48:1570
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performWorkOnRootViaSchedulerTask @ react-dom_client.js?v=eecca937:13505
performWorkUntilDeadline @ react-dom_client.js?v=eecca937:36

exports.jsx @ chunk-WKEA4XKD.js?v=3e83fd48:247
RouterProvider @ chunk-CHGMB7PZ.js?v=3e83fd48:1705
react_stack_bottom_frame @ react-dom_client.js?v=eecca937:18509
renderWithHooksAgain @ react-dom_client.js?v=eecca937:5729
renderWithHooks @ react-dom_client.js?v=eecca937:5665
updateFunctionComponent @ react-dom_client.js?v=eecca937:7475
beginWork @ react-dom_client.js?v=eecca937:8525
runWithFiberInDEV @ react-dom_client.js?v=eecca937:997
performUnitOfWork @ react-dom_client.js?v=eecca937:12561
workLoopSync @ react-dom_client.js?v=eecca937:12424
renderRootSync @ react-dom_client.js?v=eecca937:12408
performWorkOnRoot @ react-dom_client.js?v=eecca937:11766
performWorkOnRootViaSchedulerTask @ react-dom_client.js?v=eecca937:13505
performWorkUntilDeadline @ react-dom_client.js?v=eecca937:36

exports.jsxDEV @ react_jsx-dev-runtime.js?v=f9e5c5b8:247
(anonymous) @ index.tsx:26Understand this warning
019b2b82067022df82da:1 Unchecked runtime.lastError: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received

Metadata

Metadata

Assignees

Labels

P2Nice to havebugSomething isn't working

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions