@tanstack/react-router 1.3.6 → 1.4.1

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/types/utils.d.ts

@@ -25,13 +25,14 @@ export declare function last<T>(arr: T[]): T | undefined;
 export declare function functionalUpdate<TResult>(updater: Updater<TResult> | NonNullableUpdater<TResult>, previous: TResult): TResult;
 export declare function pick<T, K extends keyof T>(parent: T, keys: K[]): Pick<T, K>;
 /**
- * This function returns `a` if `b` is deeply equal.
+ * This function returns `prev` if `_next` is deeply equal.
  * If not, it will replace any deeply equal children of `b` with those of `a`.
  * This can be used for structural sharing between immutable JSON values for example.
  * Do not use this with signals
  */
 export declare function replaceEqualDeep<T>(prev: any, _next: T): T;
 export declare function isPlainObject(o: any): boolean;
+export declare function isPlainArray(value: unknown): boolean;
 export declare function deepEqual(a: any, b: any, partial?: boolean): boolean;
 export declare function useStableCallback<T extends (...args: any[]) => any>(fn: T): T;
 export declare function shallow<T>(objA: T, objB: T): boolean;

package/build/umd/index.development.js

@@ -797,7 +797,7 @@
   }
 
   /**
-   * This function returns `a` if `b` is deeply equal.
+   * This function returns `prev` if `_next` is deeply equal.
    * If not, it will replace any deeply equal children of `b` with those of `a`.
    * This can be used for structural sharing between immutable JSON values for example.
    * Do not use this with signals
@@ -807,7 +807,7 @@
       return prev;
     }
     const next = _next;
-    const array = Array.isArray(prev) && Array.isArray(next);
+    const array = isPlainArray(prev) && isPlainArray(next);
     if (array || isPlainObject(prev) && isPlainObject(next)) {
       const prevSize = array ? prev.length : Object.keys(prev).length;
       const nextItems = array ? next : Object.keys(next);
@@ -855,6 +855,9 @@
   function hasObjectPrototype(o) {
     return Object.prototype.toString.call(o) === '[object Object]';
   }
+  function isPlainArray(value) {
+    return Array.isArray(value) && value.length === Object.keys(value).length;
+  }
   function deepEqual(a, b, partial = false) {
     if (a === b) {
       return true;
@@ -1218,13 +1221,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;
   }
 
@@ -3439,6 +3444,7 @@
   exports.interpolatePath = interpolatePath;
   exports.invariant = invariant;
   exports.isDehydratedDeferred = isDehydratedDeferred;
+  exports.isPlainArray = isPlainArray;
   exports.isPlainObject = isPlainObject;
   exports.isRedirect = isRedirect;
   exports.isServer = isServer;