react-router 8.5.0 → 8.5.1

package/CHANGELOG.md

@@ -1,5 +1,48 @@
 # `react-router`
 
+## v8.5.1
+
+### Patch Changes
+
+- Fix `URIError: URI malformed` when an API-only (`ssr: "unstable_api-only"`) server or an `ssr: false` dev server receives a URL path with a malformed percent-encoding ([#15649](https://github.com/remix-run/react-router/pull/15649))
+- Bound server route manifest processing for paths with expensive route expansion ([#15703](https://github.com/remix-run/react-router/pull/15703))
+  - Fall back to initial route discovery during server rendering and RSC document/data requests
+  - Account for the number and depth of candidate branches when using regex matching
+- Encode commas within paths sent to the lazy route discovery manifest endpoint so routes with commas in their paths are discovered correctly ([#15640](https://github.com/remix-run/react-router/pull/15640))
+- Fix fetcher revalidation errors bubbling to the root error boundary instead of the nearest boundary above the route that owns the fetcher ([#15676](https://github.com/remix-run/react-router/pull/15676))
+- Avoid duplicate history entries when posting a `<Form>` to the current URL with an encoded `action` ([#15679](https://github.com/remix-run/react-router/pull/15679))
+  - Replace the current history entry when the `action` contains characters that get percent-encoded, such as spaces or non-ASCII characters
+- Fix an unhandled promise rejection when the browser skips a `viewTransition` navigation, for example in a hidden tab ([#15582](https://github.com/remix-run/react-router/pull/15582))
+- Bubble rejected `lazy.Component` imports on loader-less routes to the nearest error boundary ([#15658](https://github.com/remix-run/react-router/pull/15658))
+  - Render the error boundary instead of a blank page
+- Preserve pending fetcher mutation revalidation when an older navigation or background reload completes to prevent stale loader data ([#15686](https://github.com/remix-run/react-router/pull/15686))
+  - Keep newer fetcher loads cancellable and preserve them when earlier revalidations finish or abort, preventing older responses from overwriting fresh fetcher data
+- Retry rejected `lazy` route imports instead of caching failures permanently ([#15689](https://github.com/remix-run/react-router/pull/15689))
+- Revalidate loader data when a fetcher action redirect is not followed ([#15557](https://github.com/remix-run/react-router/pull/15557))
+  - Revalidate when an action redirect is ignored because a newer navigation started or the fetcher unmounted while the action was running
+  - Include shared parent loaders when another navigation completed while the action was running
+  - Continue to respect `shouldRevalidate`
+  - Return fetchers to `idle` when a revalidation completes a pending navigation started by another fetcher's redirect
+- Avoid adding an incompatible `document.startViewTransition()` overload to the global `Document` type ([#15680](https://github.com/remix-run/react-router/pull/15680))
+  - Allow transition results to be assigned to the DOM `ViewTransition` type
+- Fix duplicate headers when throwing a redirect from an RSC server function ([#15667](https://github.com/remix-run/react-router/pull/15667))
+- Skip `deleteData` in `destroySession` when the session has no ID ([#15639](https://github.com/remix-run/react-router/pull/15639))
+  - Avoid failures when destroying a session without a cookie on storage that rejects an empty key
+- Surface the host's 404 response when a SPA fallback route has no prerendered data ([#15646](https://github.com/remix-run/react-router/pull/15646))
+  - Request single-fetch `.data` files for hydrating routes with a server `loader` in an `ssr: false` app with a `prerender` config
+  - Avoid the internal "No result found for routeId" error for non-prerendered parameterized paths served via the SPA fallback
+- Improve turbo-stream decoding validation and object property handling ([18e1fbd](https://github.com/remix-run/react-router/commit/18e1fbd))
+
+### Unstable Changes
+
+⚠️  _[Unstable features](https://reactrouter.com/community/api-development-strategy#unstable-flags) are not recommended for production use_
+
+- Add an opt-in `<Await unstable_promise={promise}>` implementation based on React's `use()` API ([#15678](https://github.com/remix-run/react-router/pull/15678))
+  - Use `React.use` instead of React Router's internal promise tracking
+  - Accept promise-like values and retain `errorElement`, `useAsyncValue`, and `useAsyncError` support
+  - Handle only promise rejections with `errorElement` when using `unstable_promise`, allowing child render errors to bubble to the nearest React error boundary
+  - Track streamed promises during decoding so settled server content stays visible during hydration updates with either Await API or direct `React.use()`
+
 ## v8.5.0
 
 ### Minor Changes
@@ -23,7 +66,7 @@
 
 ### Unstable Changes
 
-⚠️  _[Unstable features](https://reactrouter.com/community/api-development-strategy#unstable-flags) are not recommended for production use_
+⚠️ _[Unstable features](https://reactrouter.com/community/api-development-strategy#unstable-flags) are not recommended for production use_
 
 - Add an `unstable_fetch` prop to `<HydratedRouter>` to customize JavaScript-issued manifest and server data requests in conventional Framework Mode ([#15586](https://github.com/remix-run/react-router/pull/15586))
   - The function receives the intended request as well as context identifying the type of request

package/dist/development/dom-export.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.5.0
+ * react-router v8.5.1
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/index-react-server-client.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.5.0
+ * react-router v8.5.1
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/index-react-server.d.ts

@@ -1,6 +1,5 @@
 
 import * as React from "react";
-import { ComponentType, ReactElement } from "react";
 import { CookieParseOptions, CookieParseOptions as CookieParseOptions$1, CookieSerializeOptions, CookieSerializeOptions as CookieSerializeOptions$1 } from "cookie-es";
 import { BrowserRouter, Form, HashRouter, Link, Links, MemoryRouter, Meta, NavLink, Navigate, Outlet, Route, Router, RouterProvider, Routes, ScrollRestoration, StaticRouter, StaticRouterProvider, unstable_HistoryRouter } from "react-router/internal/react-server-client";
 import { ReactFormState } from "react-dom/client";
@@ -353,6 +352,13 @@ interface DataFunctionArgs<Context> {
    * In Framework mode, this is a normalized URL with React-Router-specific
    * implementation details removed (`.data` suffixes, `index`/`_routes` search
    * params). For the raw incoming URL, use `request.url`.
+   *
+   * This normalization preserves standard URL pathname encoding and casing.
+   * For example, a request to `/%61dmin.data` produces a `url.pathname` of
+   * `/%61dmin`. This is not a canonical representation of the matched route.
+   * For authorization, attach {@link https://reactrouter.com/how-to/middleware#authentication server middleware}
+   * to the protected route or a common ancestor instead of relying on literal
+   * pathname-prefix comparisons.
    */
   url: URL;
   /**
@@ -837,30 +843,6 @@ interface UIMatch<Data = unknown, Handle = unknown> {
    */
   handle: Handle;
 }
-interface RouteMeta<RouteObjectType extends RouteObject = RouteObject> {
-  relativePath: string;
-  caseSensitive: boolean;
-  childrenIndex: number;
-  route: RouteObjectType;
-  matcher?: RegExp;
-  compiledParams?: CompiledPathParam[];
-}
-/**
- * @private
- * PRIVATE - DO NOT USE
- *
- * A "branch" of routes that match a given route pattern.
- * This is an internal interface not intended for direct external usage.
- */
-interface RouteBranch<RouteObjectType extends RouteObject = RouteObject> {
-  path: string;
-  score: number;
-  routesMeta: RouteMeta<RouteObjectType>[];
-}
-type CompiledPathParam = {
-  paramName: string;
-  isOptional?: boolean;
-};
 declare class DataWithResponseInit<D> {
   type: string;
   data: D;
@@ -1025,18 +1007,6 @@ type ErrorResponse = {
 declare function isRouteErrorResponse(error: any): error is ErrorResponse;
 //#endregion
 //#region lib/components.d.ts
-/**
- * Function signature for client side error handling for loader/actions errors
- * and rendering errors via `componentDidCatch`
- */
-interface ClientOnErrorFunction {
-  (error: unknown, info: {
-    location: Location$1;
-    params: Params;
-    pattern: string;
-    errorInfo?: React.ErrorInfo;
-  }): void;
-}
 interface AwaitResolveRenderFunction<Resolve = any> {
   (data: Awaited<Resolve>): React.ReactNode;
 }
@@ -1044,6 +1014,8 @@ interface AwaitResolveRenderFunction<Resolve = any> {
  * @category Types
  */
 interface AwaitProps<Resolve> {
+  /** Use either `resolve` or `unstable_promise`, never both. */
+  unstable_promise?: never;
   /**
    * When using a function, the resolved value is provided as the parameter.
    *
@@ -1145,11 +1117,46 @@ interface AwaitProps<Resolve> {
    */
   resolve: Resolve;
 }
+interface AwaitPromiseProps<Resolve> extends Omit<AwaitProps<Resolve>, "resolve" | "unstable_promise"> {
+  resolve?: never;
+  /**
+   * A promise (or value) to read using React's `use()` API in client components.
+   * Unlike `resolve` in client components, this accepts promise-like values
+   * without modifying the source promise.
+   *
+   * `errorElement` handles promise rejections. Errors thrown while rendering
+   * children bubble to the nearest React error boundary.
+   *
+   * ```tsx
+   * <Await unstable_promise={reviewsPromise} errorElement={<ReviewsError />}>
+   *   {(reviews) => <Reviews items={reviews} />}
+   * </Await>
+   * ```
+   *
+   * Pass exactly one of `unstable_promise` or `resolve`.
+   */
+  unstable_promise: Resolve;
+}
 /**
  * Used to render promise values with automatic error handling.
  *
  * **Note:** `<Await>` expects to be rendered inside a [`<React.Suspense>`](https://react.dev/reference/react/Suspense)
  *
+ * Pass `unstable_promise` instead of `resolve` to opt into React's
+ * [`use()`](https://react.dev/reference/react/use) implementation. With
+ * `unstable_promise`, `errorElement` handles promise rejections, while errors
+ * thrown by children bubble to the nearest React error boundary.
+ *
+ * In React Server Components, `resolve` already has this error-handling behavior:
+ * `errorElement` handles only input rejections, while child render errors
+ * propagate to the surrounding error boundary. Both props accept promise-like
+ * values without modifying the source promise. Both props treat a falsy
+ * `errorElement` as absent and propagate the rejection. Pass an empty fragment
+ * to handle a rejection without rendering any content.
+ *
+ * <docs-warning>The `unstable_promise` prop is experimental and may change in
+ * minor or patch releases.</docs-warning>
+ *
  * @example
  * import { Await, useLoaderData } from "react-router";
  *
@@ -1190,294 +1197,12 @@ interface AwaitProps<Resolve> {
  * @param {AwaitProps.children} props.children n/a
  * @param {AwaitProps.errorElement} props.errorElement n/a
  * @param {AwaitProps.resolve} props.resolve n/a
+ * @param props.unstable_promise A promise (or value) to read using React's `use()`
+ * API in client components. Accepts promise-like values without modifying the
+ * source promise. Pass exactly one of `unstable_promise` or `resolve`.
  * @returns React element for the rendered awaited value
  */
-declare function Await$1<Resolve>({
-  children,
-  errorElement,
-  resolve
-}: AwaitProps<Resolve>): React.JSX.Element;
-//#endregion
-//#region lib/server-runtime/serverHandoff.d.ts
-type ServerHandoff = {
-  criticalCss?: CriticalCss;
-  basename: string | undefined;
-  future: FutureConfig$1;
-  ssr: boolean;
-  isSpaMode: boolean;
-  unstable_apiOnly?: boolean;
-  unstable_apiServerOrigin?: string;
-  routeDiscovery: ServerBuild["routeDiscovery"];
-};
-//#endregion
-//#region lib/dom/global.d.ts
-type WindowReactRouterContext = ServerHandoff & {
-  state: HydrationState;
-  stream: ReadableStream<Uint8Array> | undefined;
-  streamController: ReadableStreamDefaultController<Uint8Array>;
-};
-interface ViewTransition {
-  finished: Promise<void>;
-  ready: Promise<void>;
-  updateCallbackDone: Promise<void>;
-  skipTransition(): void;
-}
-declare global {
-  var __staticRouterHydrationData: HydrationState | undefined;
-  var __reactRouterVersion: string;
-  interface Document {
-    startViewTransition(cb: () => Promise<void> | void): ViewTransition;
-  }
-  var __reactRouterContext: WindowReactRouterContext | undefined;
-  var __reactRouterManifest: AssetsManifest | undefined;
-  var __reactRouterRouteModules: RouteModules | undefined;
-  var __reactRouterDataRouter: Router$1 | undefined;
-  var __reactRouterHdrActive: boolean;
-  var $RefreshRuntime$: {
-    performReactRefresh: () => void;
-  } | undefined;
-}
-//#endregion
-//#region lib/dom/ssr/single-fetch.d.ts
-/**
- * Describes the operation that initiated an internal router request.
- *
- * Requests that reload fetchers as part of a navigation, revalidation, or
- * initialization redirect keep that initiating `type`. `fetcherKey` identifies
- * the fetcher being loaded, or is `null` when the request targets route loaders
- * or actions.
- *
- * `navigationType` is the history action (`"PUSH"`, `"REPLACE"`, or `"POP"`)
- * for navigation-initiated data requests, including reloaded fetchers. It is
- * `null` for initialization, fetcher, and revalidation requests. Manifest
- * requests have no navigation type.
- */
-type RouterFetchContext = {
-  type: "manifest";
-} | {
-  type: "navigation";
-  fetcherKey: string | null;
-  navigationType: Action;
-} | {
-  type: "initialization" | "fetcher" | "revalidation";
-  fetcherKey: string | null;
-  navigationType: null;
-};
-type RouterFetch = (request: Request, context: RouterFetchContext) => Promise<Response>;
-//#endregion
-//#region lib/dom/ssr/route-discovery.d.ts
-/** A discovery response from a different build. */
-type ManifestMismatchEvent = {
-  source: "eager" | "navigation" | "fetcher" | "imperative";
-  version: string;
-  reloadUrl: string | null;
-  loadAllRoutes(): Promise<void>;
-  stopPropagation(): void; /** Run built-in recovery for this source, at most once per mismatch event. */
-  defaultBehavior(): Promise<void>;
-};
-/** The result of imperative route discovery. */
-type DiscoveryResult = {
-  type: "success";
-} | {
-  type: "version-mismatch";
-} | {
-  type: "aborted";
-};
-/** Options for {@link unstable_useRouteDiscovery}. */
-type RouteDiscoveryOptions = {
-  onManifestMismatch?: (event: ManifestMismatchEvent) => void | Promise<void>;
-};
-type Registration = {
-  current: RouteDiscoveryOptions;
-};
-type DiscoveryState = "partial" | "loading" | "complete";
-type RouteDiscoverySsrInfo = {
-  manifest: AssetsManifest;
-  routeModules: RouteModules;
-  router: Router$1 | undefined;
-  context: Pick<WindowReactRouterContext, "ssr" | "routeDiscovery" | "isSpaMode" | "basename" | "unstable_apiServerOrigin" | "unstable_apiOnly">;
-};
-declare class RouteDiscoveryRuntime {
-  private ssrInfo;
-  readonly enabled: boolean;
-  readonly discoveredPaths: Set<string>;
-  readonly nextPaths: Set<string>;
-  state: DiscoveryState;
-  ready: boolean;
-  private registrations;
-  private listeners;
-  private fullLoadErrorListeners;
-  private fullLoad?;
-  private loadedManifest?;
-  private mismatch?;
-  private fetchImplementation;
-  private loadManifest;
-  onError?: ClientOnErrorFunction;
-  constructor(ssrInfo: RouteDiscoverySsrInfo, {
-    fetch: fetchImplementation,
-    loadManifest
-  }?: {
-    fetch?: RouterFetch;
-    loadManifest?: () => Promise<AssetsManifest>;
-  });
-  private get router();
-  private loadManifestAsset;
-  subscribe: (listener: () => void) => () => void;
-  private update;
-  markReady: () => void;
-  register(registration: Registration): () => void;
-  private isComplete;
-  loadAllRoutes: () => Promise<void>;
-  reportError(error: unknown): void;
-  private dispatchMismatch;
-  private requestUrl;
-  discoverRoutes: (paths: string[], options?: {
-    signal?: AbortSignal;
-  }) => Promise<DiscoveryResult>;
-  discover(paths: string[], source: ManifestMismatchEvent["source"], reloadUrl: string | null, signal?: AbortSignal, patch?: (routeId: string | null, children: RouteObject[], unstable_allowElementMutations?: boolean) => void): Promise<DiscoveryResult>;
-}
-//#endregion
-//#region lib/dom/ssr/entry.d.ts
-type SerializedError = {
-  message: string;
-  stack?: string;
-};
-interface FrameworkContextObject {
-  routeDiscoveryRuntime?: RouteDiscoveryRuntime;
-  routeDiscoveryState?: DiscoveryState;
-  manifest: AssetsManifest;
-  routeModules: RouteModules;
-  criticalCss?: CriticalCss;
-  serverHandoffString?: string;
-  future: FutureConfig$1;
-  ssr: boolean;
-  isSpaMode: boolean;
-  unstable_apiOnly?: boolean;
-  unstable_apiServerOrigin?: string;
-  routeDiscovery: ServerBuild["routeDiscovery"];
-  nonce?: string;
-  serializeError?(error: Error): SerializedError;
-  renderMeta?: {
-    didRenderScripts?: boolean;
-    streamCache?: Record<number, Promise<void> & {
-      result?: {
-        done: boolean;
-        value: string;
-      };
-      error?: unknown;
-    }>;
-  };
-}
-interface EntryContext extends FrameworkContextObject {
-  /**
-   * @deprecated This property was an internal implementation detail and was
-   * never intended for use in `entry.server.tsx`. It is always an empty array.
-   */
-  branches: RouteBranch<DataRouteObject>[];
-  staticHandlerContext: StaticHandlerContext;
-  serverHandoffStream?: ReadableStream<Uint8Array>;
-}
-interface FutureConfig$1 {
-  unstable_customRouteDiscovery?: boolean;
-}
-type CriticalCss = string | {
-  rel: "stylesheet";
-  href: string;
-};
-interface AssetsManifest {
-  entry: {
-    imports: string[];
-    module: string;
-  };
-  routes: RouteManifest<EntryRoute>;
-  url: string;
-  version: string;
-  hmr?: {
-    timestamp?: number;
-    runtime: string;
-  };
-  sri?: Record<string, string> | true;
-}
-//#endregion
-//#region lib/server-runtime/routes.d.ts
-type ServerRouteManifest = RouteManifest<Omit<ServerRoute, "children">>;
-interface ServerRoute extends Route$1 {
-  children: ServerRoute[];
-  module: ServerRouteModule;
-}
-//#endregion
-//#region lib/server-runtime/build.d.ts
-type OptionalCriticalCss = CriticalCss | undefined;
-/**
- * The output of the compiler for the server build.
- */
-interface ServerBuild {
-  entry: {
-    module: ServerEntryModule;
-  };
-  routes: ServerRouteManifest;
-  assets: AssetsManifest;
-  basename?: string;
-  publicPath: string;
-  assetsBuildDirectory: string;
-  future: FutureConfig$1;
-  /**
-   * Whether runtime server requests are supported, including API-only builds.
-   */
-  ssr: boolean;
-  /**
-   * The origin to use for server requests in API-only mode.
-   * @internal
-   */
-  unstable_apiServerOrigin?: string;
-  /**
-   * Whether production document rendering is disabled while data and route
-   * discovery requests remain supported.
-   * @internal
-   */
-  unstable_apiOnly?: boolean;
-  unstable_getCriticalCss?: (args: {
-    pathname: string;
-  }) => OptionalCriticalCss | Promise<OptionalCriticalCss>;
-  /**
-   * @deprecated This is now done via a custom header during prerendering
-   */
-  isSpaMode: boolean;
-  prerender: string[];
-  routeDiscovery: {
-    mode: "lazy" | "initial";
-    manifestPath: string;
-  };
-  allowedActionOrigins?: string[] | false;
-}
-interface HandleDocumentRequestFunction {
-  (request: Request, responseStatusCode: number, responseHeaders: Headers, context: EntryContext, loadContext: RouterContextProvider): Promise<Response> | Response;
-}
-interface HandleDataRequestFunction {
-  (response: Response, args: {
-    request: LoaderFunctionArgs["request"] | ActionFunctionArgs["request"];
-    context: LoaderFunctionArgs["context"] | ActionFunctionArgs["context"];
-    params: LoaderFunctionArgs["params"] | ActionFunctionArgs["params"];
-  }): Promise<Response> | Response;
-}
-interface HandleErrorFunction {
-  (error: unknown, args: {
-    request: LoaderFunctionArgs["request"] | ActionFunctionArgs["request"];
-    context: LoaderFunctionArgs["context"] | ActionFunctionArgs["context"];
-    params: LoaderFunctionArgs["params"] | ActionFunctionArgs["params"];
-  }): void;
-}
-/**
- * A module that serves as the entry point for a Remix app during server
- * rendering.
- */
-interface ServerEntryModule {
-  default: HandleDocumentRequestFunction;
-  handleDataRequest?: HandleDataRequestFunction;
-  handleError?: HandleErrorFunction;
-  instrumentations?: ServerInstrumentation[];
-  streamTimeout?: number;
-}
+declare function Await$1<Resolve>(props: AwaitProps<Resolve> | AwaitPromiseProps<Resolve>): React.JSX.Element;
 //#endregion
 //#region lib/router/instrumentation.d.ts
 type ServerInstrumentation = {
@@ -1937,6 +1662,8 @@ interface StaticHandler {
    * The set of data routes managed by this handler
    */
   dataRoutes: DataRouteObject[];
+  /** @private Estimated route metadata visits per regex match. */
+  readonly _matchCost?: number;
   /**
    * @private
    * PRIVATE - DO NOT USE
@@ -2257,31 +1984,6 @@ interface CreateStaticHandlerOptions {
  */
 declare function createStaticHandler(routes: RouteObject[], opts?: CreateStaticHandlerOptions): StaticHandler;
 //#endregion
-//#region lib/dom/ssr/routes.d.ts
-interface Route$1 {
-  index?: boolean;
-  caseSensitive?: boolean;
-  id: string;
-  parentId?: string;
-  path?: string;
-}
-interface EntryRoute extends Route$1 {
-  hasAction: boolean;
-  hasLoader: boolean;
-  hasClientAction: boolean;
-  hasClientLoader: boolean;
-  hasClientMiddleware: boolean;
-  hasErrorBoundary: boolean;
-  imports?: string[];
-  css?: string[];
-  module: string;
-  clientActionModule: string | undefined;
-  clientLoaderModule: string | undefined;
-  clientMiddlewareModule: string | undefined;
-  hydrateFallbackModule: string | undefined;
-  parentId?: string;
-}
-//#endregion
 //#region lib/router/links.d.ts
 type Primitive = null | undefined | string | number | boolean | symbol | bigint;
 type LiteralUnion<LiteralType, BaseType extends Primitive> = LiteralType | (BaseType & Record<never, never>);
@@ -2469,36 +2171,6 @@ type ClientDataFunctionArgs<Params> = {
 type SerializeFrom<T> = T extends ((...args: infer Args) => unknown) ? Args extends [ClientLoaderFunctionArgs | ClientActionFunctionArgs | ClientDataFunctionArgs<unknown>] ? ClientDataFrom<T> : ServerDataFrom<T> : T;
 //#endregion
 //#region lib/dom/ssr/routeModules.d.ts
-interface RouteModules {
-  [routeId: string]: RouteModule | undefined;
-}
-/**
- * The shape of a route module shipped to the client
- */
-interface RouteModule {
-  clientAction?: ClientActionFunction;
-  clientLoader?: ClientLoaderFunction;
-  clientMiddleware?: MiddlewareFunction<Record<string, DataStrategyResult>>[];
-  ErrorBoundary?: ErrorBoundaryComponent;
-  HydrateFallback?: HydrateFallbackComponent;
-  Layout?: LayoutComponent;
-  default: RouteComponent;
-  handle?: RouteHandle;
-  links?: LinksFunction;
-  meta?: MetaFunction;
-  shouldRevalidate?: ShouldRevalidateFunction;
-}
-/**
- * The shape of a route module on the server
- */
-interface ServerRouteModule extends RouteModule {
-  action?: ActionFunction;
-  headers?: HeadersFunction | {
-    [name: string]: string;
-  };
-  loader?: LoaderFunction;
-  middleware?: MiddlewareFunction<Response>[];
-}
 /**
  * A function that handles data mutations for a route on the client
  */
@@ -2521,10 +2193,6 @@ type ClientLoaderFunction = ((args: ClientLoaderFunctionArgs) => ReturnType<Load
 type ClientLoaderFunctionArgs = LoaderFunctionArgs & {
   serverLoader: <T = unknown>() => Promise<SerializeFrom<T>>;
 };
-/**
- * ErrorBoundary to display for this route
- */
-type ErrorBoundaryComponent = ComponentType;
 type HeadersArgs = {
   loaderHeaders: Headers;
   parentHeaders: Headers;
@@ -2538,19 +2206,6 @@ type HeadersArgs = {
 interface HeadersFunction {
   (args: HeadersArgs): Headers | HeadersInit;
 }
-/**
- * `<Route HydrateFallback>` component to render on initial loads
- * when client loaders are present
- */
-type HydrateFallbackComponent = ComponentType;
-/**
- * Optional, root-only `<Route Layout>` component to wrap the root content in.
- * Useful for defining the <html>/<head>/<body> document shell shared by the
- * Component, HydrateFallback, and ErrorBoundary
- */
-type LayoutComponent = ComponentType<{
-  children: ReactElement<unknown, ErrorBoundaryComponent | HydrateFallbackComponent | RouteComponent>;
-}>;
 /**
  * A function that defines `<link>` tags to be inserted into the `<head>` of
  * the document on route transitions.
@@ -2658,7 +2313,6 @@ type LdJsonValue = LdJsonPrimitive | LdJsonObject | LdJsonArray;
 /**
  * A React component that is rendered for a route.
  */
-type RouteComponent = ComponentType<{}>;
 /**
  * An arbitrary object that is associated with a route.
  *