@tanstack/react-router 1.0.2 → 1.0.4

package/build/types/Matches.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ResolveRelativePath, ToOptions } from './link';
 import { AnyRoute, ReactNode } from './route';
 import { FullSearchSchema, ParseRoute, RouteById, RouteByPath, RouteIds, RoutePaths } from './routeInfo';
-import { RegisteredRouter } from './router';
+import { RegisteredRouter, RouterState } from './router';
 import { NoInfer, StrictOrFrom } from './utils';
 export declare const matchContext: React.Context<string | undefined>;
 export interface RouteMatch<TRouteTree extends AnyRoute = AnyRoute, TRouteId extends RouteIds<TRouteTree> = ParseRoute<TRouteTree>['id']> {
@@ -47,6 +47,7 @@ export type MakeMatchRouteOptions<TRouteTree extends AnyRoute = RegisteredRouter
     children?: ((params?: RouteByPath<TRouteTree, ResolveRelativePath<TFrom, NoInfer<TTo>>>['types']['allParams']) => ReactNode) | React.ReactNode;
 };
 export declare function MatchRoute<TRouteTree extends AnyRoute = RegisteredRouter['routeTree'], TFrom extends RoutePaths<TRouteTree> = '/', TTo extends string = '', TMaskFrom extends RoutePaths<TRouteTree> = '/', TMaskTo extends string = ''>(props: MakeMatchRouteOptions<TRouteTree, TFrom, TTo, TMaskFrom, TMaskTo>): any;
+export declare function getRenderedMatches(state: RouterState): RouteMatch<AnyRoute, any>[];
 export declare function useMatch<TRouteTree extends AnyRoute = RegisteredRouter['routeTree'], TFrom extends RouteIds<TRouteTree> = RouteIds<TRouteTree>, TStrict extends boolean = true, TRouteMatchState = RouteMatch<TRouteTree, TFrom>, TSelected = TRouteMatchState>(opts: StrictOrFrom<TFrom> & {
     select?: (match: TRouteMatchState) => TSelected;
 }): TStrict extends true ? TSelected : TSelected | undefined;

package/build/umd/index.development.js

@@ -93,13 +93,15 @@
       push: (path, state) => {
         state = assignKey(state);
         tryNavigation(() => {
-          opts.pushState(path, state, onUpdate);
+          opts.pushState(path, state);
+          onUpdate();
         });
       },
       replace: (path, state) => {
         state = assignKey(state);
         tryNavigation(() => {
-          opts.replaceState(path, state, onUpdate);
+          opts.replaceState(path, state);
+          onUpdate();
         });
       },
       go: index => {
@@ -204,7 +206,7 @@
     };
 
     // This function queues up a call to update the browser history
-    const queueHistoryAction = (type, destHref, state, onUpdate) => {
+    const queueHistoryAction = (type, destHref, state) => {
       const href = createHref(destHref);
       if (!scheduled) {
         rollbackLocation = currentLocation;
@@ -219,9 +221,6 @@
         state,
         isPush: next?.isPush || type === 'push'
       };
-
-      // Notify subscribers
-      onUpdate();
       if (!scheduled) {
         // Schedule an update to the browser history
         scheduled = Promise.resolve().then(() => flush());
@@ -235,8 +234,8 @@
     var originalReplaceState = win.history.replaceState;
     const history = createHistory({
       getLocation,
-      pushState: (href, state, onUpdate) => queueHistoryAction('push', href, state, onUpdate),
-      replaceState: (href, state, onUpdate) => queueHistoryAction('replace', href, state, onUpdate),
+      pushState: (href, state) => queueHistoryAction('push', href, state),
+      replaceState: (href, state) => queueHistoryAction('replace', href, state),
       back: () => win.history.back(),
       forward: () => win.history.forward(),
       go: n => win.history.go(n),
@@ -1462,7 +1461,7 @@
   function useParams(opts) {
     return useRouterState({
       select: state => {
-        const params = last(state.matches)?.params;
+        const params = last(getRenderedMatches(state))?.params;
         return opts?.select ? opts.select(params) : params;
       }
     });
@@ -3323,6 +3322,7 @@
   exports.escapeJSON = escapeJSON;
   exports.functionalUpdate = functionalUpdate;
   exports.getInitialRouterState = getInitialRouterState;
+  exports.getRenderedMatches = getRenderedMatches;
   exports.getRouteMatch = getRouteMatch;
   exports.interpolatePath = interpolatePath;
   exports.invariant = invariant;