@tanstack/router-core 0.0.1-beta.178 → 0.0.1-beta.180

package/build/umd/index.development.js

@@ -806,6 +806,7 @@
     const componentTypes = ['component', 'errorComponent', 'pendingComponent'];
     const visibilityChangeEvent = 'visibilitychange';
     const focusEvent = 'focus';
+    const preloadWarning = 'Error preloading route! ☝️';
     class Router {
       #unsubHistory;
       resetNextScroll = false;
@@ -1534,14 +1535,14 @@
           if (preload) {
             this.preloadRoute(nextOpts).catch(err => {
               console.warn(err);
-              console.warn('Error preloading route! ☝️');
+              console.warn(preloadWarning);
             });
           }
         };
         const handleTouchStart = e => {
           this.preloadRoute(nextOpts).catch(err => {
             console.warn(err);
-            console.warn('Error preloading route! ☝️');
+            console.warn(preloadWarning);
           });
         };
         const handleEnter = e => {
@@ -1554,7 +1555,7 @@
               target.preloadTimeout = null;
               this.preloadRoute(nextOpts).catch(err => {
                 console.warn(err);
-                console.warn('Error preloading route! ☝️');
+                console.warn(preloadWarning);
               });
             }, preloadDelay);
           }
@@ -1581,6 +1582,7 @@
       dehydrate = () => {
         return {
           state: {
+            matchIds: this.state.matchIds,
             dehydratedMatches: this.state.matches.map(d => pick(d, ['fetchedAt', 'invalid', 'preloadMaxAge', 'maxAge', 'id', 'loaderData', 'status', 'updatedAt']))
           }
         };
@@ -1595,11 +1597,9 @@
         const ctx = _ctx;
         this.dehydratedData = ctx.payload;
         this.options.hydrate?.(ctx.payload);
-        const {
-          dehydratedMatches
-        } = ctx.router.state;
+        const dehydratedState = ctx.router.state;
         let matches = this.matchRoutes(this.state.location.pathname, this.state.location.search).map(match => {
-          const dehydratedMatch = dehydratedMatches.find(d => d.id === match.id);
+          const dehydratedMatch = dehydratedState.dehydratedMatches.find(d => d.id === match.id);
           invariant(dehydratedMatch, `Could not find a client-side match for dehydrated match with id: ${match.id}!`);
           if (dehydratedMatch) {
             return {
@@ -1612,6 +1612,7 @@
         this.__store.setState(s => {
           return {
             ...s,
+            matchIds: dehydratedState.matchIds,
             matches,
             matchesById: this.#mergeMatches(s.matchesById, matches)
           };
@@ -1628,10 +1629,10 @@
             const id = `__TSR_DEHYDRATED__${strKey}`;
             const data = typeof getData === 'function' ? await getData() : getData;
             return `<script id='${id}' suppressHydrationWarning>window["__TSR_DEHYDRATED__${escapeJSON(strKey)}"] = ${JSON.stringify(data)}
-        // ;(() => {
-        //   var el = document.getElementById('${id}')
-        //   el.parentElement.removeChild(el)
-        // })()
+        ;(() => {
+          var el = document.getElementById('${id}')
+          el.parentElement.removeChild(el)
+        })()
         </script>`;
           });
           return () => this.hydrateData(key);