@tanstack/react-router 1.22.6 → 1.22.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/react-router",
-  "version": "1.22.6",
+  "version": "1.22.8",
   "description": "",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -52,7 +52,7 @@
     "@tanstack/react-store": "^0.2.1",
     "tiny-invariant": "^1.3.1",
     "tiny-warning": "^1.0.3",
-    "@tanstack/history": "1.22.6"
+    "@tanstack/history": "1.22.8"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^4.2.1",
@@ -61,13 +61,13 @@
     "zod": "^3.22.4"
   },
   "peerDependencies": {
-    "react": ">=16",
-    "react-dom": ">=16"
+    "react": ">=16.8",
+    "react-dom": ">=16.8"
   },
   "scripts": {
     "clean": "rimraf ./dist && rimraf ./coverage",
     "test:eslint": "eslint --ext .ts,.tsx ./src",
-    "test:types": "tsc",
+    "test:types": "tsc --noEmit",
     "test:lib": "vitest --typecheck",
     "test:lib:dev": "pnpm run test:lib --watch",
     "test:build": "publint --strict",

package/src/awaited.tsx

@@ -115,5 +115,5 @@ function AwaitInner<T>(
   },
 ) {
   const awaited = useAwaited(props)
-  return props.children(...awaited)
+  return props.children(...awaited) as React.JSX.Element
 }

package/src/link.tsx

@@ -625,7 +625,7 @@ export type LinkProps<
     | ((state: { isActive: boolean }) => React.ReactNode)
 }
 
-type LinkComponent<TComp> = <
+export type LinkComponent<TComp> = <
   TRouteTree extends AnyRoute = RegisteredRouter['routeTree'],
   TFrom extends RoutePaths<TRouteTree> | string = string,
   TTo extends string = '',
@@ -652,7 +652,7 @@ type LinkComponent<TComp> = <
 ) => React.ReactElement
 
 export function createLink<const TComp>(Comp: TComp): LinkComponent<TComp> {
-  return React.forwardRef(function Link(props, ref) {
+  return React.forwardRef(function CreatedLink(props, ref) {
     return <Link {...(props as any)} _asChild={Comp} ref={ref} />
   }) as any
 }

package/src/router.ts

@@ -139,8 +139,8 @@ export interface RouterOptions<
   hydrate?: (dehydrated: TDehydrated) => void
   routeMasks?: Array<RouteMask<TRouteTree>>
   unmaskOnReload?: boolean
-  Wrap?: (props: { children: any }) => React.ReactNode
-  InnerWrap?: (props: { children: any }) => React.ReactNode
+  Wrap?: (props: { children: any }) => React.JSX.Element
+  InnerWrap?: (props: { children: any }) => React.JSX.Element
   /**
    * @deprecated
    * Use `notFoundComponent` instead.
@@ -1506,6 +1506,7 @@ export class Router<
 
           const shouldPending =
             !preload &&
+            route.options.loader &&
             typeof pendingMs === 'number' &&
             (route.options.pendingComponent ??
               this.options.defaultPendingComponent)