react-router 8.1.0 → 8.3.0

package/dist/production/index-react-server.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.3.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -47,7 +47,10 @@ function createLocation(current, to, state = null, key, mask) {
 /**
 * Creates a string URL path from the given pathname, search, and hash components.
 *
+* @public
 * @category Utils
+* @param path The pathname, search, and hash components to combine.
+* @returns The combined URL path.
 */
 function createPath({ pathname = "/", search = "", hash = "" }) {
 	if (search && search !== "?") pathname += search.charAt(0) === "?" ? search : "?" + search;
@@ -57,7 +60,10 @@ function createPath({ pathname = "/", search = "", hash = "" }) {
 /**
 * Parses a string URL path into its separate pathname, search, and hash components.
 *
+* @public
 * @category Utils
+* @param path The URL path to parse.
+* @returns The parsed pathname, search, and hash components.
 */
 function parsePath(path) {
 	let parsedPath = {};
@@ -380,6 +386,8 @@ function rankRouteBranches(branches) {
 	branches.sort((a, b) => a.score !== b.score ? b.score - a.score : compareIndexes(a.routesMeta.map((meta) => meta.childrenIndex), b.routesMeta.map((meta) => meta.childrenIndex)));
 }
 const paramRe = /^:[\w-]+$/;
+const partialParamRe = /^:[\w-]+/;
+const partialDynamicSegmentValue = 3.5;
 const dynamicSegmentValue = 3;
 const indexRouteValue = 2;
 const emptySegmentValue = 1;
@@ -391,7 +399,7 @@ function computeScore(path, index) {
 	let initialScore = segments.length;
 	if (segments.some(isSplat)) initialScore += splatPenalty;
 	if (index) initialScore += indexRouteValue;
-	return segments.filter((s) => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore);
+	return segments.filter((s) => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : partialParamRe.test(segment) ? partialDynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore);
 }
 function compareIndexes(a, b) {
 	return a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]) ? a[a.length - 1] - b[b.length - 1] : 0;
@@ -430,6 +438,48 @@ function matchRouteBranch(branch, pathname, allowPartial = false) {
 	return matches;
 }
 /**
+* Characters that `encodeURIComponent` escapes but that are valid literally in
+* a URL path segment. Per RFC 3986 §3.3, a path segment is made of `pchar`:
+*
+* ```
+* pchar = unreserved / pct-encoded / sub-delims / ":" / "@"
+* sub-delims = "!" / "$" / "&" / "'" / "(" / ")" / "*" / "+" / "," / ";" / "="
+* ```
+*
+* `encodeURIComponent` targets query-string values, where `$ & + , ; = : @`
+* are delimiters and must be escaped — but in a path segment they carry no
+* special meaning, and browsers keep them literal in `location.pathname`.
+* (`! ' ( ) *` and the unreserved set are already left alone by
+* `encodeURIComponent`, so they need no restoring.)
+*/
+const PATH_PARAM_OVERESCAPED = {
+	"%24": "$",
+	"%26": "&",
+	"%2B": "+",
+	"%2C": ",",
+	"%3A": ":",
+	"%3B": ";",
+	"%3D": "=",
+	"%40": "@"
+};
+/**
+* Encodes a param value for interpolation into a single URL path segment.
+*
+* Escapes characters that would break the path (`/ ? # %`, whitespace,
+* non-ASCII, …) while leaving characters that RFC 3986 permits literally in a
+* path segment untouched. Escaping those would needlessly rewrite URLs — e.g.
+*  a semver build param `1.0.0+1` would become `1.0.0%2B1` even though browsers
+* display and match the `+` literally in `location.pathname`.
+*
+* See [RFC 3986 §3.3](https://datatracker.ietf.org/doc/html/rfc3986#section-3.3))
+*
+* @param value The param value to encode.
+* @returns The encoded value, safe for use as a single path segment.
+*/
+function encodePathParam(value) {
+	return encodeURIComponent(value).replace(/%(?:24|26|2B|2C|3A|3B|3D|40)/g, (match) => PATH_PARAM_OVERESCAPED[match]);
+}
+/**
 * Performs pattern matching on a URL pathname and returns information about
 * the match.
 *
@@ -488,7 +538,7 @@ function compilePath(path, caseSensitive = false, end = true) {
 			return "(?:/([^\\/]*))?";
 		}
 		return "/([^\\/]+)";
-	}).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
+	}).replace(/\/([\w-]+)\?(?=\/|$|\()/g, "(?:/$1)?");
 	if (path.endsWith("*")) {
 		params.push({ paramName: "*" });
 		regexpSource += path === "*" || path === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
@@ -2321,6 +2371,8 @@ const Await = (async ({ children, resolve, errorElement }) => {
 * encoding the {@link unstable_RSCPayload}.
 * @param opts.loadServerAction Your `react-server-dom-xyz/server`'s
 * `loadServerAction` function, used to load a server action by ID.
+* @param opts.clientVersion A version derived from the client build output used
+* to detect stale clients during lazy route discovery.
 * @param opts.onError An optional error handler that will be called with any
 * errors that occur during the request processing.
 * @param opts.request The [`Request`](https://developer.mozilla.org/en-US/docs/Web/API/Request)
@@ -2334,7 +2386,7 @@ const Await = (async ({ children, resolve, errorElement }) => {
 * that contains the [RSC](https://react.dev/reference/rsc/server-components)
 * data for hydration.
 */
-async function matchRSCServerRequest({ allowedActionOrigins, createTemporaryReferenceSet, basename, decodeReply, requestContext, routeDiscovery, loadServerAction, decodeAction, decodeFormState, onError, request, routes, generateResponse }) {
+async function matchRSCServerRequest({ allowedActionOrigins, createTemporaryReferenceSet, basename, decodeReply, requestContext, routeDiscovery, loadServerAction, decodeAction, decodeFormState, clientVersion, onError, request, routes, generateResponse }) {
 	let url = new URL(request.url);
 	basename = basename || "/";
 	let normalizedPath = url.pathname;
@@ -2352,22 +2404,26 @@ async function matchRSCServerRequest({ allowedActionOrigins, createTemporaryRefe
 	});
 	const temporaryReferences = createTemporaryReferenceSet();
 	const requestUrl = new URL(request.url);
-	if (isManifestRequest(requestUrl)) return await generateManifestResponse(routes, basename, request, generateResponse, temporaryReferences, routeDiscovery);
+	if (isManifestRequest(requestUrl)) return await generateManifestResponse(routes, basename, request, generateResponse, temporaryReferences, routeDiscovery, clientVersion);
 	let isDataRequest = isReactServerRequest(requestUrl);
 	let matches = matchRoutes(routes, url.pathname, basename);
 	if (matches) await Promise.all(matches.map((m) => explodeLazyRoute(m.route)));
 	const leafMatch = matches?.[matches.length - 1];
 	if (!isDataRequest && leafMatch && !leafMatch.route.Component && !leafMatch.route.ErrorBoundary) return generateResourceResponse(routerRequest, routes, basename, leafMatch.route.id, requestContext, onError);
-	let response = await generateRenderResponse(routerRequest, routes, basename, isDataRequest, decodeReply, requestContext, loadServerAction, decodeAction, decodeFormState, onError, generateResponse, temporaryReferences, allowedActionOrigins, routeDiscovery);
+	let response = await generateRenderResponse(routerRequest, routes, basename, isDataRequest, decodeReply, requestContext, loadServerAction, decodeAction, decodeFormState, onError, generateResponse, temporaryReferences, allowedActionOrigins, routeDiscovery, clientVersion);
 	response.headers.set("X-Remix-Response", "yes");
 	return response;
 }
-async function generateManifestResponse(routes, basename, request, generateResponse, temporaryReferences, routeDiscovery) {
+async function generateManifestResponse(routes, basename, request, generateResponse, temporaryReferences, routeDiscovery, clientVersion) {
 	let url = new URL(request.url);
 	if (url.toString().length > 7680) return new Response(null, {
 		statusText: "Bad Request",
 		status: 400
 	});
+	if (clientVersion !== void 0 && clientVersion !== url.searchParams.get("version")) return new Response(null, {
+		status: 204,
+		headers: { "X-Remix-Reload-Document": "true" }
+	});
 	if (routeDiscovery?.mode === "initial") {
 		let payload = {
 			type: "manifest",
@@ -2459,7 +2515,7 @@ async function processServerAction(request, basename, decodeReply, loadServerAct
 			try {
 				let result = await action();
 				if (isRedirectResponse(result)) result = prependBasenameToRedirectResponse(result, basename);
-				formState = decodeFormState?.(result, formData);
+				formState = await decodeFormState?.(result, formData);
 			} catch (error) {
 				if (isRedirectResponse(error)) return prependBasenameToRedirectResponse(error, basename);
 				if (isResponse(error)) return error;
@@ -2516,7 +2572,7 @@ async function generateResourceResponse(request, routes, basename, routeId, requ
 		});
 	}
 }
-async function generateRenderResponse(request, routes, basename, isDataRequest, decodeReply, requestContext, loadServerAction, decodeAction, decodeFormState, onError, generateResponse, temporaryReferences, allowedActionOrigins, routeDiscovery) {
+async function generateRenderResponse(request, routes, basename, isDataRequest, decodeReply, requestContext, loadServerAction, decodeAction, decodeFormState, onError, generateResponse, temporaryReferences, allowedActionOrigins, routeDiscovery, clientVersion) {
 	let statusCode = 200;
 	let url = new URL(request.url);
 	let isSubmission = isMutationMethod(request.method);
@@ -2537,29 +2593,39 @@ async function generateRenderResponse(request, routes, basename, isDataRequest,
 			let formState;
 			let skipRevalidation = false;
 			let potentialCSRFAttackError;
-			if (isMutationMethod(request.method)) try {
-				throwIfPotentialCSRFAttack(request, allowedActionOrigins);
-				ctx.runningAction = true;
-				let result = await processServerAction(request, basename, decodeReply, loadServerAction, decodeAction, decodeFormState, onError, temporaryReferences).finally(() => {
-					ctx.runningAction = false;
-				});
-				if (isResponse(result)) return generateRedirectResponse(result, actionResult, basename, isDataRequest, generateResponse, temporaryReferences, ctx.redirect?.headers);
-				skipRevalidation = result?.skipRevalidation ?? false;
-				actionResult = result?.actionResult;
-				formState = result?.formState;
-				request = result?.revalidationRequest ?? request;
-				if (ctx.redirect) return generateRedirectResponse(ctx.redirect, actionResult, basename, isDataRequest, generateResponse, temporaryReferences, void 0);
-			} catch (error) {
-				potentialCSRFAttackError = error;
+			if (isMutationMethod(request.method)) {
+				try {
+					throwIfPotentialCSRFAttack(request, allowedActionOrigins);
+				} catch (error) {
+					onError?.(error);
+					potentialCSRFAttackError = error;
+					request = new Request(request.url, {
+						method: "GET",
+						headers: request.headers,
+						signal: request.signal
+					});
+				}
+				if (!potentialCSRFAttackError) {
+					ctx.runningAction = true;
+					let result = await processServerAction(request, basename, decodeReply, loadServerAction, decodeAction, decodeFormState, onError, temporaryReferences).finally(() => {
+						ctx.runningAction = false;
+					});
+					if (isResponse(result)) return generateRedirectResponse(result, actionResult, basename, isDataRequest, generateResponse, temporaryReferences, ctx.redirect?.headers);
+					skipRevalidation = result?.skipRevalidation ?? false;
+					actionResult = result?.actionResult;
+					formState = result?.formState;
+					request = result?.revalidationRequest ?? request;
+					if (ctx.redirect) return generateRedirectResponse(ctx.redirect, actionResult, basename, isDataRequest, generateResponse, temporaryReferences, void 0);
+				}
 			}
-			let staticContext = await query(request, skipRevalidation || !!potentialCSRFAttackError ? { filterMatchesToLoad: () => false } : void 0);
+			let staticContext = await query(request, skipRevalidation ? { filterMatchesToLoad: () => false } : void 0);
 			if (isResponse(staticContext)) return generateRedirectResponse(staticContext, actionResult, basename, isDataRequest, generateResponse, temporaryReferences, ctx.redirect?.headers);
 			if (potentialCSRFAttackError) {
 				staticContext.errors ??= {};
 				staticContext.errors[staticContext.matches[0].route.id] = potentialCSRFAttackError;
 				staticContext.statusCode = 400;
 			}
-			return generateStaticContextResponse(routes, basename, generateResponse, statusCode, routeIdsToLoad, isDataRequest, isSubmission, actionResult, formState, staticContext, temporaryReferences, skipRevalidation, ctx.redirect?.headers, routeDiscovery);
+			return generateStaticContextResponse(routes, basename, generateResponse, statusCode, routeIdsToLoad, isDataRequest, isSubmission, actionResult, formState, staticContext, temporaryReferences, skipRevalidation, ctx.redirect?.headers, routeDiscovery, clientVersion);
 		}
 	}));
 	if (isRedirectResponse(result)) return generateRedirectResponse(result, actionResult, basename, isDataRequest, generateResponse, temporaryReferences, ctx.redirect?.headers);
@@ -2593,7 +2659,7 @@ function generateRedirectResponse(response, actionResult, basename, isDataReques
 		onError: defaultOnError
 	});
 }
-async function generateStaticContextResponse(routes, basename, generateResponse, statusCode, routeIdsToLoad, isDataRequest, isSubmission, actionResult, formState, staticContext, temporaryReferences, skipRevalidation, sideEffectRedirectHeaders, routeDiscovery) {
+async function generateStaticContextResponse(routes, basename, generateResponse, statusCode, routeIdsToLoad, isDataRequest, isSubmission, actionResult, formState, staticContext, temporaryReferences, skipRevalidation, sideEffectRedirectHeaders, routeDiscovery, clientVersion) {
 	statusCode = staticContext.statusCode ?? statusCode;
 	if (staticContext.errors) staticContext.errors = Object.fromEntries(Object.entries(staticContext.errors).map(([key, error]) => [key, isRouteErrorResponse(error) ? Object.fromEntries(Object.entries(error)) : error]));
 	staticContext.matches.forEach((m) => {
@@ -2606,6 +2672,7 @@ async function generateStaticContextResponse(routes, basename, generateResponse,
 	const baseRenderPayload = {
 		type: "render",
 		basename: staticContext.basename,
+		clientVersion,
 		routeDiscovery: routeDiscovery ?? { mode: "lazy" },
 		actionData: staticContext.actionData,
 		errors: staticContext.errors,
@@ -2797,15 +2864,34 @@ function canDecodeWithFormData(contentType) {
 }
 //#endregion
 //#region lib/href.ts
+function stringify(p) {
+	return p == null ? "" : typeof p === "string" ? p : String(p);
+}
 /**
-Returns a resolved URL path for the specified route.
-
-```tsx
-const h = href("/:lang?/about", { lang: "en" })
-// -> `/en/about`
-
-<Link to={href("/products/:id", { id: "abc123" })} />
-```
+* Returns a resolved URL path for the specified route.
+*
+* Param values are percent-encoded for use in a path segment: characters that
+* would change the URL structure (`/`, `?`, `#`, `%`, whitespace, non-ASCII)
+* are escaped, while characters that RFC 3986 allows literally in a path
+* segment (`$ & + , ; = : @`) are kept as-is. Note this differs from query-string
+* encoding (`encodeURIComponent`/`URLSearchParams`), where those characters are
+* delimiters and must be escaped. Splat (`*`) values are encoded per segment,
+* preserving `/` separators.
+*
+* See [RFC 3986 §3.3](https://datatracker.ietf.org/doc/html/rfc3986#section-3.3)
+*
+* @example
+* const h = href("/:lang?/about", { lang: "en" })
+* // -> `/en/about`
+*
+* <Link to={href("/products/:id", { id: "abc123" })} />
+*
+* @public
+* @category Utils
+* @mode framework
+* @param path The route path to resolve
+* @param args The route params to use when resolving the path
+* @returns The resolved URL path
 */
 function href(path, ...args) {
 	let params = args[0];
@@ -2813,11 +2899,11 @@ function href(path, ...args) {
 		const isRequired = questionMark === void 0;
 		const value = params?.[param];
 		if (isRequired && value === void 0) throw new Error(`Path '${path}' requires param '${param}' but it was not provided`);
-		return value === void 0 ? "" : "/" + value;
+		return value == null ? "" : "/" + encodePathParam(stringify(value));
 	});
 	if (path.endsWith("*")) {
 		const value = params?.["*"];
-		if (value !== void 0) result += "/" + value;
+		if (value !== void 0) result += "/" + stringify(value).split("/").map(encodePathParam).join("/");
 	}
 	return result || "/";
 }
@@ -2870,6 +2956,14 @@ function byteStringToUint8Array(byteString) {
 //#region lib/server-runtime/cookies.ts
 /**
 * Creates a logical container for managing a browser cookie from the server.
+*
+* @public
+* @category Utils
+* @mode framework
+* @mode data
+* @param name The name of the cookie.
+* @param cookieOptions Options for parsing and serializing the cookie.
+* @returns A {@link Cookie} object for parsing and serializing the cookie.
 */
 const createCookie = (name, cookieOptions = {}) => {
 	let { secrets = [], ...options } = {
@@ -2909,9 +3003,15 @@ const createCookie = (name, cookieOptions = {}) => {
 	};
 };
 /**
-* Returns true if an object is a Remix cookie container.
+* Returns `true` if a value is a React Router {@link Cookie} object.
 *
-* @see https://remix.run/utils/cookies#iscookie
+* @public
+* @category Utils
+* @mode framework
+* @mode data
+* @param object The value to check.
+* @returns `true` if the value is a React Router {@link Cookie} object;
+* otherwise, `false`.
 */
 const isCookie = (object) => {
 	return object != null && typeof object.name === "string" && typeof object.isSigned === "boolean" && typeof object.parse === "function" && typeof object.serialize === "function";
@@ -3001,6 +3101,12 @@ function flash(name) {
 *
 * Note: This function is typically not invoked directly by application code.
 * Instead, use a `SessionStorage` object's `getSession` method.
+*
+* @category Utils
+* @param initialData The initial data for the session.
+* @param id The identifier for the session. Defaults to an empty string for a
+* new session.
+* @returns A new {@link Session} object.
 */
 const createSession = (initialData = {}, id = "") => {
 	let map = new Map(Object.entries(initialData));
@@ -3035,9 +3141,15 @@ const createSession = (initialData = {}, id = "") => {
 	};
 };
 /**
-* Returns true if an object is a React Router session.
+* Returns `true` if a value is a React Router {@link Session} object.
 *
-* @see https://reactrouter.com/api/utils/isSession
+* @public
+* @category Utils
+* @mode framework
+* @mode data
+* @param object The value to check.
+* @returns `true` if the value is a React Router {@link Session} object;
+* otherwise, `false`.
 */
 const isSession = (object) => {
 	return object != null && typeof object.id === "string" && typeof object.data !== "undefined" && typeof object.has === "function" && typeof object.get === "function" && typeof object.set === "function" && typeof object.flash === "function" && typeof object.unset === "function";
@@ -3047,6 +3159,11 @@ const isSession = (object) => {
 *
 * Note: This is a low-level API that should only be used if none of the
 * existing session storage options meet your requirements.
+*
+* @category Utils
+* @param strategy The strategy used to store session identifiers and data.
+* @returns A {@link SessionStorage} object that persists session data using the
+* provided strategy.
 */
 function createSessionStorage({ cookie: cookieArg, createData, readData, updateData, deleteData }) {
 	let cookie = isCookie(cookieArg) ? cookieArg : createCookie(cookieArg?.name || "__session", cookieArg);
@@ -3086,6 +3203,14 @@ function warnOnceAboutSigningSessionCookie(cookie) {
 * needed, and can help to simplify some load-balanced scenarios. However, it
 * also has the limitation that serialized session data may not exceed the
 * browser's maximum cookie size. Trade-offs!
+*
+* @public
+* @category Utils
+* @mode framework
+* @mode data
+* @param options Options for creating the cookie-backed session storage.
+* @returns A {@link SessionStorage} object that stores all session data in its
+* cookie.
 */
 function createCookieSessionStorage({ cookie: cookieArg } = {}) {
 	let cookie = isCookie(cookieArg) ? cookieArg : createCookie(cookieArg?.name || "__session", cookieArg);
@@ -3111,18 +3236,24 @@ function createCookieSessionStorage({ cookie: cookieArg } = {}) {
 //#endregion
 //#region lib/server-runtime/sessions/memoryStorage.ts
 /**
-* Creates and returns a simple in-memory SessionStorage object, mostly useful
-* for testing and as a reference implementation.
+* Creates and returns a simple in-memory SessionStorage object.
 *
-* Note: This storage does not scale beyond a single process, so it is not
-* suitable for most production scenarios.
+* Intended for local development and testing. It does not scale beyond a single
+* process, and all session data is lost when the server process stops/restarts.
+*
+* @public
+* @category Utils
+* @mode framework
+* @mode data
+* @param options Options for creating the in-memory session storage.
+* @returns A {@link SessionStorage} object that stores session data in memory.
 */
 function createMemorySessionStorage({ cookie } = {}) {
 	let map = /* @__PURE__ */ new Map();
 	return createSessionStorage({
 		cookie,
 		async createData(data, expires) {
-			let id = Math.random().toString(36).substring(2, 10);
+			let id = crypto.randomUUID();
 			map.set(id, {
 				data,
 				expires

package/dist/production/index.js

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

package/dist/production/lib/actions.js

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

package/dist/production/lib/components.js

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

package/dist/production/lib/context.js

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

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

@@ -6,30 +6,30 @@ import { RelativeRoutingType } from "../router/router.js";
 type ParamKeyValuePair = [string, string];
 type URLSearchParamsInit = string | ParamKeyValuePair[] | Record<string, string | string[]> | URLSearchParams;
 /**
-  Creates a URLSearchParams object using the given initializer.
-
-  This is identical to `new URLSearchParams(init)` except it also
-  supports arrays as values in the object form of the initializer
-  instead of just strings. This is convenient when you need multiple
-  values for a given key, but don't want to use an array initializer.
-
-  For example, instead of:
-
-  ```tsx
-  let searchParams = new URLSearchParams([
-    ['sort', 'name'],
-    ['sort', 'price']
-  ]);
-  ```
-  you can do:
-
-  ```
-  let searchParams = createSearchParams({
-    sort: ['name', 'price']
-  });
-  ```
-
-  @category Utils
+ * Creates a URLSearchParams object using the given initializer.
+ *
+ * This is identical to `new URLSearchParams(init)` except it also supports
+ * arrays as values in the object form of the initializer instead of just
+ * strings. This is convenient when you need multiple values for a given key,
+ * but don't want to use an array initializer.
+ *
+ * @example
+ * // Instead of:
+ * let searchParams = new URLSearchParams([
+ *   ["sort", "name"],
+ *   ["sort", "price"],
+ * ]);
+ *
+ * // You can do:
+ * let searchParams = createSearchParams({
+ *   sort: ["name", "price"],
+ * });
+ *
+ * @public
+ * @category Utils
+ * @param init The value used to initialize the URL search parameters.
+ * @returns A URLSearchParams object containing the initialized search
+ * parameters.
  */
 declare function createSearchParams(init?: URLSearchParamsInit): URLSearchParams;
 type JsonObject = { [Key in string]: JsonValue } & { [Key in string]?: JsonValue | undefined };

package/dist/production/lib/dom/dom.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.3.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -30,30 +30,30 @@ function shouldProcessLinkClick(event, target) {
 	return event.button === 0 && (!target || target === "_self") && !isModifiedEvent(event);
 }
 /**
-Creates a URLSearchParams object using the given initializer.
-
-This is identical to `new URLSearchParams(init)` except it also
-supports arrays as values in the object form of the initializer
-instead of just strings. This is convenient when you need multiple
-values for a given key, but don't want to use an array initializer.
-
-For example, instead of:
-
-```tsx
-let searchParams = new URLSearchParams([
-['sort', 'name'],
-['sort', 'price']
-]);
-```
-you can do:
-
-```
-let searchParams = createSearchParams({
-sort: ['name', 'price']
-});
-```
-
-@category Utils
+* Creates a URLSearchParams object using the given initializer.
+*
+* This is identical to `new URLSearchParams(init)` except it also supports
+* arrays as values in the object form of the initializer instead of just
+* strings. This is convenient when you need multiple values for a given key,
+* but don't want to use an array initializer.
+*
+* @example
+* // Instead of:
+* let searchParams = new URLSearchParams([
+*   ["sort", "name"],
+*   ["sort", "price"],
+* ]);
+*
+* // You can do:
+* let searchParams = createSearchParams({
+*   sort: ["name", "price"],
+* });
+*
+* @public
+* @category Utils
+* @param init The value used to initialize the URL search parameters.
+* @returns A URLSearchParams object containing the initialized search
+* parameters.
 */
 function createSearchParams(init = "") {
 	return new URLSearchParams(typeof init === "string" || Array.isArray(init) || init instanceof URLSearchParams ? init : Object.keys(init).reduce((memo, key) => {

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

@@ -1409,7 +1409,8 @@ declare namespace ScrollRestoration {
  * for this navigation. To apply specific styles during the transition, see
  * {@link useViewTransitionState}. Defaults to `false`.
  * @param options.defaultShouldRevalidate Specify the default revalidation
- * behavior for the navigation. Defaults to `true`.
+ * behavior for the navigation. When not specified, loaders revalidate
+ * according to the router's standard revalidation behavior.
  * @param options.mask Masked location to display in the browser instead
  * of the router location. Defaults to `undefined`.
  * @param options.useTransitions Wraps the navigation in

package/dist/production/lib/dom/lib.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.3.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -22,7 +22,7 @@ import * as React$1 from "react";
 //#region lib/dom/lib.tsx
 const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
-	if (isBrowser) window.__reactRouterVersion = "8.1.0";
+	if (isBrowser) window.__reactRouterVersion = "8.3.0";
 } catch (e) {}
 /**
 * Create a new {@link DataRouter| data router} that manages the application
@@ -386,7 +386,7 @@ const NavLink = React$1.forwardRef(function NavLinkWithRef({ "aria-current": ari
 	if (nextLocationPathname && basename) nextLocationPathname = stripBasename(nextLocationPathname, basename) || nextLocationPathname;
 	const endSlashPosition = toPathname !== "/" && toPathname.endsWith("/") ? toPathname.length - 1 : toPathname.length;
 	let isActive = locationPathname === toPathname || !end && locationPathname.startsWith(toPathname) && locationPathname.charAt(endSlashPosition) === "/";
-	let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname || !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(toPathname.length) === "/");
+	let isPending = nextLocationPathname != null && (nextLocationPathname === toPathname || !end && nextLocationPathname.startsWith(toPathname) && nextLocationPathname.charAt(endSlashPosition) === "/");
 	let renderProps = {
 		isActive,
 		isPending,
@@ -609,7 +609,8 @@ function useDataRouterState(hookName) {
 * for this navigation. To apply specific styles during the transition, see
 * {@link useViewTransitionState}. Defaults to `false`.
 * @param options.defaultShouldRevalidate Specify the default revalidation
-* behavior for the navigation. Defaults to `true`.
+* behavior for the navigation. When not specified, loaders revalidate
+* according to the router's standard revalidation behavior.
 * @param options.mask Masked location to display in the browser instead
 * of the router location. Defaults to `undefined`.
 * @param options.useTransitions Wraps the navigation in

package/dist/production/lib/dom/server.js

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

package/dist/production/lib/dom/ssr/components.js

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

package/dist/production/lib/dom/ssr/data.js

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

package/dist/production/lib/dom/ssr/errorBoundaries.js

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

package/dist/production/lib/dom/ssr/fallback.js

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