@tanstack/react-router 1.15.6 → 1.15.9

package/src/route.ts

@@ -213,7 +213,11 @@ export type UpdatableRouteOptions<
   onEnter?: (match: AnyRouteMatch) => void
   onStay?: (match: AnyRouteMatch) => void
   onLeave?: (match: AnyRouteMatch) => void
-  meta?: (ctx: { loaderData: TLoaderData }) => JSX.IntrinsicElements['meta'][]
+  meta?: (ctx: {
+    loaderData: TLoaderData
+  }) =>
+    | JSX.IntrinsicElements['meta'][]
+    | Promise<JSX.IntrinsicElements['meta'][]>
   links?: () => JSX.IntrinsicElements['link'][]
   scripts?: () => JSX.IntrinsicElements['script'][]
 } & UpdatableStaticRouteOption
@@ -371,11 +375,12 @@ export type MergeFromFromParent<T, U> = IsAny<T, U, T & U>
 export type ResolveAllParams<
   TParentRoute extends AnyRoute,
   TParams extends AnyPathParams,
-> = Record<never, string> extends TParentRoute['types']['allParams']
-  ? TParams
-  : Expand<
-      UnionToIntersection<TParentRoute['types']['allParams'] & TParams> & {}
-    >
+> =
+  Record<never, string> extends TParentRoute['types']['allParams']
+    ? TParams
+    : Expand<
+        UnionToIntersection<TParentRoute['types']['allParams'] & TParams> & {}
+      >
 
 export type RouteConstraints = {
   TParentRoute: AnyRoute
@@ -516,9 +521,6 @@ export function getRouteApi<
   >({ id })
 }
 
-/**
- * @deprecated Use the `getRouteApi` function instead.
- */
 export class RouteApi<
   TId extends RouteIds<RegisteredRouter['routeTree']>,
   TRoute extends AnyRoute = RouteById<RegisteredRouter['routeTree'], TId>,
@@ -533,6 +535,9 @@ export class RouteApi<
 > {
   id: TId
 
+  /**
+   * @deprecated Use the `getRouteApi` function instead.
+   */
   constructor({ id }: { id: TId }) {
     this.id = id as any
   }
@@ -1063,15 +1068,12 @@ export function createRootRouteWithContext<TRouterContext extends {}>() {
 /**
  * @deprecated Use the `createRootRouteWithContext` function instead.
  */
-export const rootRouteWithContext = createRootRouteWithContext;
+export const rootRouteWithContext = createRootRouteWithContext
 
 export type RootSearchSchema = {
   __TRootSearchSchema__: '__TRootSearchSchema__'
 }
 
-/**
- * @deprecated `RootRoute` is now an internal implementation detail. Use `createRootRoute()` instead.
- */
 export class RootRoute<
   TSearchSchemaInput extends Record<string, any> = RootSearchSchema,
   TSearchSchema extends Record<string, any> = RootSearchSchema,
@@ -1105,6 +1107,9 @@ export class RootRoute<
   any, // TChildren
   any // TRouteTree
 > {
+  /**
+   * @deprecated `RootRoute` is now an internal implementation detail. Use `createRootRoute()` instead.
+   */
   constructor(
     options?: Omit<
       RouteOptions<

package/src/router.ts

@@ -1323,7 +1323,7 @@ export class Router<
 
               // wrap loader into an async function to be able to catch synchronous exceptions
               async function loader() {
-                await route.options.loader?.(loaderContext)
+                return await route.options.loader?.(loaderContext)
               }
               // Kick off the loader!
               const loaderPromise = loader()
@@ -1356,7 +1356,7 @@ export class Router<
 
               if ((latestPromise = checkLatest())) return await latestPromise
 
-              const meta = route.options.meta?.({
+              const meta = await route.options.meta?.({
                 loaderData,
               })
 
@@ -1714,14 +1714,11 @@ export class Router<
         const id = `__TSR_DEHYDRATED__${strKey}`
         const data =
           typeof getData === 'function' ? await (getData as any)() : getData
-        return `<script id='${id}' suppressHydrationWarning>window["__TSR_DEHYDRATED__${escapeJSON(
-          strKey,
-        )}"] = ${JSON.stringify(this.options.transformer.stringify(data))}
-          ;(() => {
-            var el = document.getElementById('${id}')
-            el.parentElement.removeChild(el)
-          })()
-          </script>`
+        return `<script id='${id}' suppressHydrationWarning>
+  window["__TSR_DEHYDRATED__${escapeJSON(
+    strKey,
+  )}"] = ${JSON.stringify(this.options.transformer.stringify(data))}
+</script>`
       })
 
       return () => this.hydrateData<T>(key)