@tanstack/react-router 1.3.5 → 1.4.0

package/build/types/CatchBoundary.d.ts

@@ -3,7 +3,7 @@ export declare function CatchBoundary(props: {
     getResetKey: () => string;
     children: any;
     errorComponent?: any;
-    onCatch: (error: any) => void;
+    onCatch?: (error: any) => void;
 }): React.JSX.Element;
 export declare class CatchBoundaryImpl extends React.Component<{
     getResetKey: () => string;

package/build/types/RouterProvider.d.ts

@@ -25,11 +25,14 @@ export type InjectedHtmlEntry = string | (() => Promise<string> | string);
 export declare let routerContext: React.Context<Router<any, Record<string, any>>>;
 export declare function RouterProvider<TRouteTree extends AnyRoute = RegisteredRouter['routeTree'], TDehydrated extends Record<string, any> = Record<string, any>>({ router, ...rest }: RouterProps<TRouteTree, TDehydrated>): React.JSX.Element;
 export declare function getRouteMatch<TRouteTree extends AnyRoute>(state: RouterState<TRouteTree>, id: string): undefined | RouteMatch<TRouteTree>;
-export declare function useRouterState<TSelected = RouterState<RegisteredRouter['routeTree']>>(opts?: {
+export declare function useRouterState<TRouteTree extends AnyRoute = RegisteredRouter['routeTree'], TSelected = RouterState<TRouteTree>>(opts?: {
+    router?: Router<TRouteTree>;
     select: (state: RouterState<RegisteredRouter['routeTree']>) => TSelected;
 }): TSelected;
 export type RouterProps<TRouteTree extends AnyRoute = RegisteredRouter['routeTree'], TDehydrated extends Record<string, any> = Record<string, any>> = Omit<RouterOptions<TRouteTree, TDehydrated>, 'context'> & {
     router: Router<TRouteTree>;
     context?: Partial<RouterOptions<TRouteTree, TDehydrated>['context']>;
 };
-export declare function useRouter<TRouteTree extends AnyRoute = RegisteredRouter['routeTree']>(): Router<TRouteTree>;
+export declare function useRouter<TRouteTree extends AnyRoute = RegisteredRouter['routeTree']>(opts?: {
+    warn?: boolean;
+}): Router<TRouteTree>;

package/build/umd/index.development.js

@@ -1218,13 +1218,15 @@
     return [...state.cachedMatches, ...(state.pendingMatches ?? []), ...state.matches].find(d => d.id === id);
   }
   function useRouterState(opts) {
-    const router = useRouter();
-    return useStore(router.__store, opts?.select);
+    const contextRouter = useRouter({
+      warn: opts?.router === undefined
+    });
+    return useStore((opts?.router || contextRouter).__store, opts?.select);
   }
-  function useRouter() {
+  function useRouter(opts) {
     const resolvedContext = typeof document !== 'undefined' ? window.__TSR_ROUTER_CONTEXT__ || exports.routerContext : exports.routerContext;
     const value = React__namespace.useContext(resolvedContext);
-    warning(value, 'useRouter must be used inside a <RouterProvider> component!');
+    warning(opts?.warn && value, 'useRouter must be used inside a <RouterProvider> component!');
     return value;
   }