Invariant failed: Cannot find parent match for matchId error
I have been doing some testing of the start/router with some fairly complex setups. I have managed to isolate what seems to be a minimal repro that results in this bug:
I have several setups that explore this bug in this repo: https://github.com/astralarya/tanstack-start-route-invariant-bug
The
* __root.tsx
* _pathless_layout.tsx
* _pathless_layout
* index.tsx
* _nested_layout.tsx
* _nested_layout
* nested_path.tsx
This route pattern is identical in all the scenarios described here. The
There are a few other branches:
*
*
The way to reproduce this bug is to navigate to
Here is the full trace of the error:
If I were to speculate, I think it might have something to do with the use of
Funny enough, the app (even the crazy pixi-three merged fiber root version) works fine when navigating back and forth. I just mostly am wondering why this exception is being thrown / uncaught.
tiny-invariant.js:12 Uncaught Error: Invariant failed: Could not find parent match for matchId "/_pathless_layout/_nested_layout/"This only occurs in what is a fairly unconventional setup, but I have created a number of test cases. There are a lot of reasons why this could be happening, and I am certain that the blame does not necessarily lay at Tanstack's feet, but it is something that may be of interest, and if anyone had some insights, it would be much appreciated.
I have several setups that explore this bug in this repo: https://github.com/astralarya/tanstack-start-route-invariant-bug
The
main* __root.tsx
* _pathless_layout.tsx
* _pathless_layout
* index.tsx
* _nested_layout.tsx
* _nested_layout
* nested_path.tsx
This route pattern is identical in all the scenarios described here. The
_pathless_layout.tsx//nested_pathThere are a few other branches:
*
r3fpixi@react-three/fiber@pixi/react_pathless_layout.tsxssr: falsenested_path.tsx*
pixi-threetunnel-ratits-fineits-fineThe way to reproduce this bug is to navigate to
/nested_path/mainr3fpixipixi-threeHere is the full trace of the error:
Uncaught Error: Invariant failed: Could not find parent match for matchId "/_pathless_layout/_nested_layout/"
at invariant (tiny-invariant.js:12:11)
at Object.select (Match.tsx:328:7)
at useRouterState.tsx:67:19
at memoizedSelector (with-selector.development.js:47:30)
at with-selector.development.js:71:22
at updateSyncExternalStore (react-reconciler.development.js:4423:31)
at Object.useSyncExternalStore (react-reconciler.development.js:15101:16)
at exports.useSyncExternalStore (react.development.js:1270:34)
at exports.useSyncExternalStoreWithSelector (with-selector.development.js:82:19)
at useStore (index.ts:31:17)
If I were to speculate, I think it might have something to do with the use of
useContextBridge()its-fineFunny enough, the app (even the crazy pixi-three merged fiber root version) works fine when navigating back and forth. I just mostly am wondering why this exception is being thrown / uncaught.
