react-router 8.5.0 → 8.5.1

package/docs/upgrading/v7.md

@@ -13,9 +13,6 @@ We highly recommend you make a commit after each step and ship it instead of doi
 
 [MODES: framework, data, declarative]
 
-<br/>
-<br/>
-
 React Router v8 requires the following minimum versions. Update them before updating React Router to v8:
 
 - `node@22.22+`
@@ -42,9 +39,6 @@ npm install react-router@7 @react-router/{dev,node,etc.}@7
 
 [MODES: framework, data]
 
-<br/>
-<br/>
-
 **Background**
 
 Middleware allows you to run code before and after the [`Response`][Response] generation for the matched path. This enables common patterns like authentication, logging, error handling, and data preprocessing in a reusable way. Please see the [docs](../how-to/middleware) for more information.
@@ -86,9 +80,6 @@ If you're using the `context` parameter in `loader` and `action` functions, you
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 This feature enables splitting client-side route exports (`clientLoader`, `clientAction`, `clientMiddleware`, `HydrateFallback`) into separate chunks that can be loaded independently from the route component. This allows these exports to be fetched and executed while the component code is still downloading, improving performance for client-side data loading.
@@ -115,9 +106,6 @@ No code changes are required. This is an optimization feature that works automat
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 This enables support for the experimental Vite Environment API, which provides a more flexible and powerful way to configure Vite environments. This is only available when using Vite 6+.
@@ -173,9 +161,6 @@ See the [`node-custom-server` template][node-custom-server-template] for a compl
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 By default, React Router normalizes the `request.url` passed to your `loader`, `action`, and `middleware` functions by removing React Router's internal implementation details. Specifically, it removes `.data` suffixes and internal search parameters like `?index` and `?_routes`.
@@ -185,7 +170,7 @@ This flag eliminates that normalization and passes the raw HTTP `request` instan
 - Reduces server-side overhead by eliminating multiple `new Request()` calls on the critical path
 - Allows you to distinguish document from data requests in your handlers based on the presence of a `.data` suffix (useful for [observability] purposes)
 
-If you were previously relying on the normalization of `request.url`, you can switch to use the new sibling `url` parameter which contains a `URL` instance representing the normalized location.
+If you were previously relying on the normalization of `request.url`, you can switch to use the new sibling `url` parameter which contains a `URL` instance with React Router's internal implementation details removed.
 
 👉 **Enable the Flag**
 
@@ -215,8 +200,8 @@ export async function loader({
   }
 }
 
-// ✅ After: use `url` for normalized routing logic and `request.url`
-// for raw routing logic
+// ✅ After: use `url` with React Router's internal details removed
+// and `request.url` for the original request URL
 export async function loader({
   request,
   url,
@@ -236,9 +221,6 @@ export async function loader({
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 React Router serves Framework mode data requests from `.data` URLs. Previously, data requests for routes with and without trailing slashes could map to the same `.data` URL because trailing slashes were not considered during URL generation. This flag preserves trailing slash semantics for data request URLs to avoid ambiguity when your app distinguishes between trailing-slash and non-trailing-slash URLs.
@@ -293,9 +275,6 @@ The changes in this section are not controlled by future flags, but you can upda
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 React Router v8 removed deprecated `data` fields in favor of `loaderData` in a few places:
@@ -352,9 +331,6 @@ export default function Component({ matches, loaderData }: ComponentProps) {
 
 [MODES: framework, data, declarative]
 
-<br/>
-<br/>
-
 **Background**
 
 React Router v8 removes the `react-router-dom` re-export package. In v8, you should import DOM-specific APIs from `react-router/dom` and everything else from `react-router`.
@@ -385,9 +361,6 @@ For DOM-specific APIs, import from `react-router/dom`:
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 React Router v8 removes the React Router Cloudflare dev proxy. Cloudflare projects should use [`@cloudflare/vite-plugin`][cloudflare-vite-plugin] instead.
@@ -415,9 +388,6 @@ export default defineConfig({
 
 [MODES: framework]
 
-<br/>
-<br/>
-
 **Background**
 
 In v7, the `@react-router/architect` adapter uses `X-Forwarded-Host` when creating the `request`, falling back to the `Host` header. In React Router v8, the adapter uses `event.requestContext.domainName` by default, falling back to the `Host` header.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-router",
   "type": "module",
-  "version": "8.5.0",
+  "version": "8.5.1",
   "description": "Declarative routing for React",
   "keywords": [
     "react",

package/dist/development/lib/dom/global.d.ts

@@ -1,35 +0,0 @@
-
-import { HydrationState, Router } from "../router/router.js";
-import { RouteModules } from "./ssr/routeModules.js";
-import { ServerHandoff } from "../server-runtime/serverHandoff.js";
-import { AssetsManifest } from "./ssr/entry.js";
-
-//#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 | undefined;
-  var __reactRouterHdrActive: boolean;
-  var $RefreshRuntime$: {
-    performReactRefresh: () => void;
-  } | undefined;
-}
-//#endregion
-export { WindowReactRouterContext };

package/dist/production/lib/dom/global.d.ts

@@ -1,35 +0,0 @@
-
-import { HydrationState, Router } from "../router/router.js";
-import { RouteModules } from "./ssr/routeModules.js";
-import { ServerHandoff } from "../server-runtime/serverHandoff.js";
-import { AssetsManifest } from "./ssr/entry.js";
-
-//#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 | undefined;
-  var __reactRouterHdrActive: boolean;
-  var $RefreshRuntime$: {
-    performReactRefresh: () => void;
-  } | undefined;
-}
-//#endregion
-export { WindowReactRouterContext };