@tanstack/react-router 0.0.1-beta.13 → 0.0.1-beta.14

package/build/stats-html.html

@@ -4014,7 +4014,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"c00e-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"c00e-61"},{"name":"react-router/src/index.tsx","uid":"c00e-63"}]}]}],"isRoot":true},"nodeParts":{"c00e-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"c00e-58"},"c00e-61":{"renderedLength":73815,"gzipLength":15405,"brotliLength":0,"mainUid":"c00e-60"},"c00e-63":{"renderedLength":11547,"gzipLength":3026,"brotliLength":0,"mainUid":"c00e-62"}},"nodeMetas":{"c00e-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"c00e-59"},"imported":[],"importedBy":[{"uid":"c00e-62"}]},"c00e-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"c00e-61"},"imported":[],"importedBy":[{"uid":"c00e-62"}]},"c00e-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"c00e-63"},"imported":[{"uid":"c00e-58"},{"uid":"c00e-64"},{"uid":"c00e-65"},{"uid":"c00e-60"},{"uid":"c00e-66"}],"importedBy":[],"isEntry":true},"c00e-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"c00e-62"}],"isExternal":true},"c00e-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"c00e-62"}],"isExternal":true},"c00e-66":{"id":"react-lazy-with-preload/lib/index","moduleParts":{},"imported":[],"importedBy":[{"uid":"c00e-62"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"45db-59","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages","children":[{"name":"router-core/build/esm/index.js","uid":"45db-61"},{"name":"react-router/src/index.tsx","uid":"45db-63"}]}]}],"isRoot":true},"nodeParts":{"45db-59":{"renderedLength":798,"gzipLength":366,"brotliLength":0,"mainUid":"45db-58"},"45db-61":{"renderedLength":74071,"gzipLength":15445,"brotliLength":0,"mainUid":"45db-60"},"45db-63":{"renderedLength":11304,"gzipLength":2961,"brotliLength":0,"mainUid":"45db-62"}},"nodeMetas":{"45db-58":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"45db-59"},"imported":[],"importedBy":[{"uid":"45db-62"}]},"45db-60":{"id":"/packages/router-core/build/esm/index.js","moduleParts":{"index.production.js":"45db-61"},"imported":[],"importedBy":[{"uid":"45db-62"}]},"45db-62":{"id":"/packages/react-router/src/index.tsx","moduleParts":{"index.production.js":"45db-63"},"imported":[{"uid":"45db-58"},{"uid":"45db-64"},{"uid":"45db-65"},{"uid":"45db-60"},{"uid":"45db-66"}],"importedBy":[],"isEntry":true},"45db-64":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"45db-62"}],"isExternal":true},"45db-65":{"id":"use-sync-external-store/shim","moduleParts":{},"imported":[],"importedBy":[{"uid":"45db-62"}],"isExternal":true},"45db-66":{"id":"react-lazy-with-preload/lib/index","moduleParts":{},"imported":[],"importedBy":[{"uid":"45db-62"}],"isExternal":true}},"env":{"rollup":"2.77.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -7,7 +7,7 @@
         "name": "index.production.js",
         "children": [
           {
-            "uid": "c00e-68",
+            "uid": "45db-68",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
@@ -15,11 +15,11 @@
             "children": [
               {
                 "name": "router-core/build/esm/index.js",
-                "uid": "c00e-70"
+                "uid": "45db-70"
               },
               {
                 "name": "react-router/src/index.tsx",
-                "uid": "c00e-72"
+                "uid": "45db-72"
               }
             ]
           }
@@ -29,104 +29,104 @@
     "isRoot": true
   },
   "nodeParts": {
-    "c00e-68": {
+    "45db-68": {
       "renderedLength": 798,
       "gzipLength": 366,
       "brotliLength": 0,
-      "mainUid": "c00e-67"
+      "mainUid": "45db-67"
     },
-    "c00e-70": {
-      "renderedLength": 73815,
-      "gzipLength": 15405,
+    "45db-70": {
+      "renderedLength": 74071,
+      "gzipLength": 15445,
       "brotliLength": 0,
-      "mainUid": "c00e-69"
+      "mainUid": "45db-69"
     },
-    "c00e-72": {
-      "renderedLength": 11547,
-      "gzipLength": 3026,
+    "45db-72": {
+      "renderedLength": 11304,
+      "gzipLength": 2961,
       "brotliLength": 0,
-      "mainUid": "c00e-71"
+      "mainUid": "45db-71"
     }
   },
   "nodeMetas": {
-    "c00e-67": {
+    "45db-67": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "c00e-68"
+        "index.production.js": "45db-68"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "c00e-71"
+          "uid": "45db-71"
         }
       ]
     },
-    "c00e-69": {
+    "45db-69": {
       "id": "/packages/router-core/build/esm/index.js",
       "moduleParts": {
-        "index.production.js": "c00e-70"
+        "index.production.js": "45db-70"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "c00e-71"
+          "uid": "45db-71"
         }
       ]
     },
-    "c00e-71": {
+    "45db-71": {
       "id": "/packages/react-router/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "c00e-72"
+        "index.production.js": "45db-72"
       },
       "imported": [
         {
-          "uid": "c00e-67"
+          "uid": "45db-67"
         },
         {
-          "uid": "c00e-73"
+          "uid": "45db-73"
         },
         {
-          "uid": "c00e-74"
+          "uid": "45db-74"
         },
         {
-          "uid": "c00e-69"
+          "uid": "45db-69"
         },
         {
-          "uid": "c00e-75"
+          "uid": "45db-75"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "c00e-73": {
+    "45db-73": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "c00e-71"
+          "uid": "45db-71"
         }
       ],
       "isExternal": true
     },
-    "c00e-74": {
+    "45db-74": {
       "id": "use-sync-external-store/shim",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "c00e-71"
+          "uid": "45db-71"
         }
       ],
       "isExternal": true
     },
-    "c00e-75": {
+    "45db-75": {
       "id": "react-lazy-with-preload/lib/index",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "c00e-71"
+          "uid": "45db-71"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -1762,10 +1762,16 @@
         return router.routesById[id];
       },
       notify: () => {
-        router.state = _extends({}, router.state, {
-          isFetching: router.state.status === 'loading' || router.state.matches.some(d => d.isFetching),
-          isPreloading: Object.values(router.matchCache).some(d => d.match.isFetching && !router.state.matches.find(dd => dd.matchId === d.match.matchId))
-        });
+        const isFetching = router.state.status === 'loading' || router.state.matches.some(d => d.isFetching);
+        const isPreloading = Object.values(router.matchCache).some(d => d.match.isFetching && !router.state.matches.find(dd => dd.matchId === d.match.matchId));
+
+        if (router.state.isFetching !== isFetching || router.state.isPreloading !== isPreloading) {
+          router.state = _extends({}, router.state, {
+            isFetching,
+            isPreloading
+          });
+        }
+
         cascadeLoaderData(router.state.matches);
         router.listeners.forEach(listener => listener(router));
       },
@@ -1784,7 +1790,7 @@
           invariant(dehydratedMatch, 'Oh no! Dehydrated route matches did not match the active state of the router 😬');
           Object.assign(match, dehydratedMatch);
         });
-        router.loadMatches(matches);
+        matches.forEach(match => match.__.validate());
         router.state = _extends({}, router.state, dehydratedState, {
           matches
         });
@@ -1800,8 +1806,11 @@
 
         if (next.href !== router.location.href) {
           router.__.commitLocation(next, true);
-        } // router.load()
+        }
 
+        if (!router.state.matches.length) {
+          router.load();
+        }
 
         const unsub = router.history.listen(event => {
           router.load(router.__.parseLocation(event.location, router.location));
@@ -2502,9 +2511,6 @@
   //
   const matchesContext = /*#__PURE__*/React__namespace.createContext(null);
   const routerContext = /*#__PURE__*/React__namespace.createContext(null); // Detect if we're in the DOM
-
-  const isDOM = Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
-  const useLayoutEffect = isDOM ? React__namespace.useLayoutEffect : React__namespace.useEffect;
   function MatchesProvider(props) {
     return /*#__PURE__*/React__namespace.createElement(matchesContext.Provider, props);
   }
@@ -2686,10 +2692,8 @@
 
     router.update(rest);
     useRouterSubscription(router);
-    useLayoutEffect(() => {
-      const unsub = router.mount();
-      router.load();
-      return unsub;
+    React__namespace.useEffect(() => {
+      return router.mount();
     }, [router]);
     return /*#__PURE__*/React__namespace.createElement(routerContext.Provider, {
       value: {