@tanstack/react-router 0.0.1-beta.277 → 0.0.1-beta.278

package/build/umd/index.development.js

@@ -942,13 +942,14 @@
     invariant(routeId, `Could not find routeId for matchId "${matchId}". Please file an issue!`);
     const route = router.routesById[routeId];
     const PendingComponent = route.options.pendingComponent ?? router.options.defaultPendingComponent;
+    const pendingElement = PendingComponent ? /*#__PURE__*/React__namespace.createElement(PendingComponent, null) : null;
     const routeErrorComponent = route.options.errorComponent ?? router.options.defaultErrorComponent ?? ErrorComponent;
     const ResolvedSuspenseBoundary = route.options.wrapInSuspense ?? PendingComponent ?? route.options.component?.preload ?? route.options.pendingComponent?.preload ?? route.options.errorComponent?.preload ? React__namespace.Suspense : SafeFragment;
     const ResolvedCatchBoundary = routeErrorComponent ? CatchBoundary : SafeFragment;
     return /*#__PURE__*/React__namespace.createElement(matchContext.Provider, {
       value: matchId
     }, /*#__PURE__*/React__namespace.createElement(ResolvedSuspenseBoundary, {
-      fallback: PendingComponent
+      fallback: pendingElement
     }, /*#__PURE__*/React__namespace.createElement(ResolvedCatchBoundary, {
       getResetKey: () => router.state.resolvedLocation.state?.key,
       errorComponent: routeErrorComponent,
@@ -957,7 +958,7 @@
       }
     }, /*#__PURE__*/React__namespace.createElement(MatchInner, {
       matchId: matchId,
-      pendingElement: PendingComponent
+      pendingElement: pendingElement
     }))));
   }
   function MatchInner({
@@ -977,7 +978,7 @@
     }
     if (match.status === 'pending') {
       if (match.showPending) {
-        return pendingElement || null;
+        return pendingElement;
       }
       throw match.loadPromise;
     }
@@ -1007,6 +1008,9 @@
     });
   });
   function useMatchRoute() {
+    useRouterState({
+      select: s => [s.location, s.resolvedLocation]
+    });
     const {
       matchRoute
     } = useRouter();
@@ -2538,9 +2542,9 @@
       let latestPromise;
       let firstBadMatchIndex;
       const updateMatch = match => {
-        const isPreload = this.state.preloadMatches.find(d => d.id === match.id);
+        // const isPreload = this.state.preloadMatches.find((d) => d.id === match.id)
         const isPending = this.state.pendingMatches?.find(d => d.id === match.id);
-        const matchesKey = isPreload ? 'preloadMatches' : isPending ? 'pendingMatches' : 'matches';
+        const matchesKey = preload ? 'preloadMatches' : isPending ? 'pendingMatches' : 'matches';
         this.__store.setState(s => ({
           ...s,
           [matchesKey]: s[matchesKey]?.map(d => d.id === match.id ? match : d)