Fix rendering of nested fallback routes

.changeset/moody-donuts-listen.md

@@ -0,0 +1,5 @@
+---
+'@quilted/preact-router': patch
+---
+
+Fix rendering of nested fallback routes

packages/preact-router/source/Router.ts

@@ -306,8 +306,8 @@ export class RouterNavigationCache {
         }
 
         const keyID = typeof key === 'string' ? key : JSON.stringify(key);
-        const loadID = parent?.consumed ? `${parent.consumed}:${keyID}` : keyID;
-        const id = `${matchID}:${keyID}`;
+        const loadID = parent?.key ? `${parent.key}:${keyID}` : keyID;
+        const id = `${matchID}:${loadID}`;
 
         let entry = entryCache.get(id);
         if (entry == null) {

packages/preact-router/source/tests/e2e.test.tsx

@@ -598,6 +598,24 @@ describe('useRoutes()', () => {
         expect(routes).toContainPreactComponent(RouteComponent);
       });
 
+      it('matches a nested fallback routes', () => {
+        function Routes() {
+          return useRoutes([
+            {
+              match: '*',
+              render: <RouteComponent />,
+              children: [{render: <NestedRouteComponent />}],
+            },
+          ]);
+        }
+
+        const routes = render(<Routes />, {path: '/foo/bar'});
+
+        console.log(routes.debug());
+
+        expect(routes).toContainPreactComponent(NestedRouteComponent);
+      });
+
       it('does not consume the matched pathname when there is no match property', () => {
         function Routes() {
           return useRoutes([