@tanstack/react-router 0.0.1-beta.270 → 0.0.1-beta.272

package/build/types/fileRoute.d.ts

@@ -18,9 +18,9 @@ export declare class FileRoute<TFilePath extends keyof FileRoutesByPath, TParent
     } & {
         caseSensitive?: boolean | undefined;
         wrapInSuspense?: boolean | undefined;
-        component?: import("./route").RouteComponent | undefined;
-        errorComponent?: false | import("./route").RouteComponent | null | undefined;
-        pendingComponent?: import("./route").RouteComponent | undefined;
+        component?: import("./route").RouteComponent<any> | undefined;
+        errorComponent?: false | import("./route").ErrorRouteComponent | null | undefined;
+        pendingComponent?: import("./route").RouteComponent<any> | undefined;
         pendingMs?: number | undefined;
         pendingMinMs?: number | undefined;
         preSearchFilters?: import("./route").SearchFilter<TFullSearchSchema, TFullSearchSchema>[] | undefined;

package/build/types/lazyRouteComponent.d.ts

@@ -1,2 +1,2 @@
-import { RouteComponent } from './route';
-export declare function lazyRouteComponent<T extends Record<string, any>, TKey extends keyof T = 'default'>(importer: () => Promise<T>, exportName?: TKey): T[TKey] extends (props: any) => any ? RouteComponent : never;
+import { AsyncRouteComponent } from './route';
+export declare function lazyRouteComponent<T extends Record<string, any>, TKey extends keyof T = 'default'>(importer: () => Promise<T>, exportName?: TKey): T[TKey] extends (props: infer TProps) => any ? AsyncRouteComponent<TProps> : never;

package/build/types/route.d.ts

@@ -67,7 +67,7 @@ export type UpdatableRouteOptions<TFullSearchSchema extends Record<string, any>>
     caseSensitive?: boolean;
     wrapInSuspense?: boolean;
     component?: RouteComponent;
-    errorComponent?: false | null | RouteComponent;
+    errorComponent?: false | null | ErrorRouteComponent;
     pendingComponent?: RouteComponent;
     pendingMs?: number;
     pendingMinMs?: number;
@@ -254,17 +254,19 @@ export type RouteMask<TRouteTree extends AnyRoute> = {
 export declare function createRouteMask<TRouteTree extends AnyRoute, TFrom extends RoutePaths<TRouteTree>, TTo extends string>(opts: {
     routeTree: TRouteTree;
 } & ToSubOptions<TRouteTree, TFrom, TTo>): RouteMask<TRouteTree>;
-export type ErrorRouteProps<TFullSearchSchema extends Record<string, any> = AnySearchSchema, TAllParams extends AnyPathParams = AnyPathParams, TAllContext extends Record<string, any> = AnyContext> = {
+export type ErrorRouteProps = {
     error: unknown;
     info: {
         componentStack: string;
     };
 };
 export type ReactNode = any;
-export type SyncRouteComponent = (() => JSX.Element) | React.LazyExoticComponent<() => JSX.Element>;
-export type RouteComponent = SyncRouteComponent & {
+export type SyncRouteComponent<TProps> = ((props: TProps) => ReactNode) | React.LazyExoticComponent<(props: TProps) => ReactNode>;
+export type AsyncRouteComponent<TProps> = SyncRouteComponent<TProps> & {
     preload?: () => Promise<void>;
 };
+export type RouteComponent<TProps = any> = SyncRouteComponent<TProps> & AsyncRouteComponent<TProps>;
+export type ErrorRouteComponent = RouteComponent<ErrorRouteProps>;
 export declare class NotFoundRoute<TParentRoute extends AnyRootRoute, TSearchSchema extends RouteConstraints['TSearchSchema'] = {}, TFullSearchSchema extends RouteConstraints['TFullSearchSchema'] = ResolveFullSearchSchema<TParentRoute, TSearchSchema>, TRouteContext extends RouteConstraints['TRouteContext'] = RouteContext, TAllContext extends Expand<Assign<IsAny<TParentRoute['types']['allContext'], {}>, TRouteContext>> = Expand<Assign<IsAny<TParentRoute['types']['allContext'], {}>, TRouteContext>>, TRouterContext extends RouteConstraints['TRouterContext'] = AnyContext, TLoaderData extends any = unknown, TChildren extends RouteConstraints['TChildren'] = unknown, TRouteTree extends RouteConstraints['TRouteTree'] = AnyRoute> extends Route<TParentRoute, '/404', '/404', '404', '404', TSearchSchema, TFullSearchSchema, {}, {}, TRouteContext, TAllContext, TRouterContext, TLoaderData, TChildren, TRouteTree> {
     constructor(options: Omit<RouteOptions<TParentRoute, string, string, TSearchSchema, TFullSearchSchema, {}, {}, TRouteContext, TAllContext, TLoaderData>, 'caseSensitive' | 'parseParams' | 'stringifyParams' | 'path' | 'id'>);
 }

package/build/types/router.d.ts

@@ -52,6 +52,9 @@ export interface RouterOptions<TRouteTree extends AnyRoute, TDehydrated extends
     Wrap?: (props: {
         children: any;
     }) => JSX.Element;
+    InnerWrap?: (props: {
+        children: any;
+    }) => JSX.Element;
     notFoundRoute?: AnyRoute;
 }
 export interface RouterState<TRouteTree extends AnyRoute = AnyRoute> {

package/build/umd/index.development.js

@@ -1097,13 +1097,14 @@
         ...rest?.context
       }
     });
-    const inner = /*#__PURE__*/React__namespace.createElement(routerContext.Provider, {
+    const matches = router.options.InnerWrap ? /*#__PURE__*/React__namespace.createElement(router.options.InnerWrap, null, /*#__PURE__*/React__namespace.createElement(Matches, null)) : /*#__PURE__*/React__namespace.createElement(Matches, null);
+    const provider = /*#__PURE__*/React__namespace.createElement(routerContext.Provider, {
       value: router
-    }, /*#__PURE__*/React__namespace.createElement(Matches, null), /*#__PURE__*/React__namespace.createElement(Transitioner, null));
+    }, matches, /*#__PURE__*/React__namespace.createElement(Transitioner, null));
     if (router.options.Wrap) {
-      return /*#__PURE__*/React__namespace.createElement(router.options.Wrap, null, inner);
+      return /*#__PURE__*/React__namespace.createElement(router.options.Wrap, null, provider);
     }
-    return inner;
+    return provider;
   }
   function Transitioner() {
     const router = useRouter();