@funstack/router 0.0.7-alpha.0 → 0.0.8

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import { a as LoaderArgs, c as RouteComponentProps, d as RouteDefinition, f as TypefulOpaqueRouteDefinition, i as ExtractRouteState, l as RouteComponentPropsOf, m as routeState, n as ExtractRouteId, o as OpaqueRouteDefinition, p as route, r as ExtractRouteParams, s as PathParams, t as ExtractRouteData, u as RouteComponentPropsWithData } from "./route-ClVnhrQD.mjs";
+import { a as ExtractRouteState, c as PathParams, d as RouteComponentPropsWithData, f as RouteDefinition, h as routeState, i as ExtractRouteParams, l as RouteComponentProps, m as route, n as ExtractRouteData, o as LoaderArgs, p as TypefulOpaqueRouteDefinition, r as ExtractRouteId, s as OpaqueRouteDefinition, t as ActionArgs, u as RouteComponentPropsOf } from "./route-DRcgs0Pt.mjs";
 import { ComponentType, ReactNode } from "react";
 
 //#region src/types.d.ts
@@ -27,15 +27,17 @@ type InternalRouteDefinition = {
    * - true (default): Parent does not match if no child matches
    * - false: Parent can match alone if it has a component, outlet will be null
    */
-  requireChildren?: boolean; /** Data loader function for this route */
-  loader?: (args: LoaderArgs<Record<string, string>>) => unknown; /** Component to render when this route matches */
+  requireChildren?: boolean; /** Action function for handling form submissions (POST navigations) */
+  action?: (args: ActionArgs<Record<string, string>>) => unknown; /** Data loader function for this route */
+  loader?: (args: LoaderArgs<Record<string, string>, unknown>) => unknown; /** Component to render when this route matches */
   component?: ComponentType<{
     data?: unknown;
     params?: Record<string, string>;
     state?: unknown;
     setState?: (state: unknown | ((prev: unknown) => unknown)) => Promise<void>;
     setStateSync?: (state: unknown | ((prev: unknown) => unknown)) => void;
-    resetState?: () => void;
+    resetState?: () => Promise<void>;
+    resetStateSync?: () => void;
     info?: unknown;
   }> | ReactNode;
 };
@@ -47,18 +49,13 @@ type MatchedRoute = {
   params: Record<string, string>; /** The matched pathname segment */
   pathname: string;
 };
-/**
- * A matched route with loader data.
- */
-type MatchedRouteWithData = MatchedRoute & {
-  /** Data returned from the loader (undefined if no loader) */data: unknown | undefined;
-};
 /**
  * Information passed to onNavigate callback.
  */
 type OnNavigateInfo = {
   /** Array of matched routes, or null if no routes matched */matches: readonly MatchedRoute[] | null; /** Whether the router will intercept this navigation (before user's preventDefault() call) */
-  intercepting: boolean;
+  intercepting: boolean; /** FormData from the NavigateEvent, or null for non-POST navigations */
+  formData: FormData | null;
 };
 /**
  * Options for navigation.
@@ -110,11 +107,29 @@ type RouterProps = {
    * - `"static"`: Render matched routes without navigation capabilities (MPA behavior)
    */
   fallback?: FallbackMode;
+  /**
+   * Pathname to use for route matching during SSR.
+   *
+   * By default, during SSR only pathless routes match. When this prop is provided,
+   * the router uses this pathname to match path-based routes during SSR as well.
+   * Loaders are not executed during SSR regardless of this setting.
+   *
+   * This prop is only used when the location entry is not available (during SSR
+   * or hydration). Once the client hydrates, the real URL from the Navigation API
+   * takes over.
+   *
+   * @example
+   * ```tsx
+   * <Router routes={routes} ssrPathname="/about" />
+   * ```
+   */
+  ssrPathname?: string;
 };
 declare function Router({
   routes: inputRoutes,
   onNavigate,
-  fallback
+  fallback,
+  ssrPathname
 }: RouterProps): ReactNode;
 //#endregion
 //#region src/Outlet.d.ts
@@ -260,17 +275,5 @@ declare function useRouteData<T extends TypefulOpaqueRouteDefinition<string, Rec
  */
 declare function useIsPending(): boolean;
 //#endregion
-//#region src/core/RouterAdapter.d.ts
-/**
- * Represents the current location state.
- * Abstracts NavigationHistoryEntry for static mode compatibility.
- */
-type LocationEntry = {
-  /** The current URL */url: URL; /** Unique key for this entry (used for loader caching) */
-  key: string; /** State associated with this entry */
-  state: unknown; /** Ephemeral info from current navigation (undefined if not from navigation event) */
-  info: unknown;
-};
-//#endregion
-export { type ExtractRouteData, type ExtractRouteId, type ExtractRouteParams, type ExtractRouteState, type FallbackMode, type LoaderArgs, type Location, type LocationEntry, type MatchedRoute, type MatchedRouteWithData, type NavigateOptions, type OnNavigateCallback, type OnNavigateInfo, type OpaqueRouteDefinition, Outlet, type PathParams, type RouteComponentProps, type RouteComponentPropsOf, type RouteComponentPropsWithData, type RouteDefinition, Router, type RouterProps, type TypefulOpaqueRouteDefinition, type UseBlockerOptions, route, routeState, useBlocker, useIsPending, useLocation, useNavigate, useRouteData, useRouteParams, useRouteState, useSearchParams };
+export { type ActionArgs, type ExtractRouteData, type ExtractRouteId, type ExtractRouteParams, type ExtractRouteState, type FallbackMode, type LoaderArgs, type Location, type MatchedRoute, type NavigateOptions, type OnNavigateCallback, type OnNavigateInfo, type OpaqueRouteDefinition, Outlet, type PathParams, type RouteComponentProps, type RouteComponentPropsOf, type RouteComponentPropsWithData, type RouteDefinition, Router, type RouterProps, type TypefulOpaqueRouteDefinition, type UseBlockerOptions, route, routeState, useBlocker, useIsPending, useLocation, useNavigate, useRouteData, useRouteParams, useRouteState, useSearchParams };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/Router.tsx","../src/Outlet.tsx","../src/hooks/useNavigate.ts","../src/hooks/useLocation.ts","../src/hooks/useSearchParams.ts","../src/hooks/useBlocker.ts","../src/hooks/useRouteParams.ts","../src/hooks/useRouteState.ts","../src/hooks/useRouteData.ts","../src/hooks/useIsPending.ts","../src/core/RouterAdapter.ts"],"mappings":";;;;cAGM,6BAAA;;AAFwD;;;;;;;KAgBlD,uBAAA;EAAA,CACT,6BAAA,UA4Bc;EA1Bf,IAAA,WAwBI;EAtBJ,QAAA,GAAW,uBAAA;EAiCE;;;;;;EA1Bb,KAAA;EAMA;;;;;EAAA,eAAA,YASI;EAHJ,MAAA,IAAU,IAAA,EAAM,UAAA,CAAW,MAAA,+BAKrB;EAHN,SAAA,GACI,aAAA;IACE,IAAA;IACA,MAAA,GAAS,MAAA;IACT,KAAA;IACA,QAAA,IACE,KAAA,cAAmB,IAAA,2BAChB,OAAA;IACL,YAAA,IAAgB,KAAA,cAAmB,IAAA;IACnC,UAAA;IACA,IAAA;EAAA,KAEF,SAAA;AAAA;;;;KAmBM,YAAA;EAMV,oCAJA,KAAA,EAAO,uBAAA,EAIC;EAFR,MAAA,EAAQ,MAAA,kBAQsB;EAN9B,QAAA;AAAA;;AAcF;;KARY,oBAAA,GAAuB,YAAA;EAUH,6DAR9B,IAAA;AAAA;;;;KAMU,cAAA;EAUe,4DARzB,OAAA,WAAkB,YAAA,WAQO;EANzB,YAAA;AAAA;;;;KAMU,eAAA;EAYQ,uDAVlB,OAAA,YAUkB;EARlB,KAAA,YAUA;EARA,IAAA;AAAA;;AAmBF;;KAbY,QAAA;EACV,QAAA;EACA,MAAA;EACA,IAAA;AAAA;;;;AAqBF;;;;KAXY,kBAAA,IACV,KAAA,EAAO,aAAA,EACP,IAAA,EAAM,cAAA;;;;ACrGR;;;KD8GY,YAAA;;;KC9GA,WAAA;EACV,MAAA,EAAQ,eAAA;ED5BoC;;;;AAc9C;;;ECsBE,UAAA,GAAa,kBAAA;EDjBF;;;;;;ECwBX,QAAA,GAAW,YAAA;AAAA;AAAA,iBAYG,MAAA,CAAA;EACd,MAAA,EAAQ,WAAA;EACR,UAAA;EACA;AAAA,GACC,WAAA,GAAc,SAAA;;;;;;AD7D6C;iBEM9C,MAAA,CAAA,GAAU,SAAA;;;;;;iBCAV,WAAA,CAAA,IAAgB,EAAA,UAAY,OAAA,GAAU,eAAA;;;;;;iBCAtC,WAAA,CAAA,GAAe,QAAA;;;KCJ1B,eAAA,IACH,MAAA,EACI,eAAA,GACA,MAAA,qBACE,IAAA,EAAM,eAAA,KAAoB,eAAA,GAAkB,MAAA;;;;iBAMpC,eAAA,CAAA,IAAoB,eAAA,EAAiB,eAAA;;;KCVzC,iBAAA;;;;ANFkD;EMO5D,WAAA;AAAA;;;ANSF;;;;;;;;;;;;;;;;;;;;;;;;;iBMqBgB,UAAA,CAAW,OAAA,EAAS,iBAAA;;;;;;ANrC0B;;;;;AAgB9D;;;;;;;;;;;;iBOSgB,cAAA,WACJ,4BAAA,SAER,MAAA,oCAAA,CAIF,KAAA,EAAO,CAAA,GAAI,kBAAA,CAAmB,CAAA;;;;;;APhC8B;;;;;AAgB9D;;;;;;;;;;;;;iBQUgB,aAAA,WACJ,4BAAA,SAER,MAAA,oCAAA,CAIF,KAAA,EAAO,CAAA,GAAI,iBAAA,CAAkB,CAAA;;;;;;ARjC+B;;;;;AAgB9D;;;;;;;;;;;;;;;;iBSagB,YAAA,WACJ,4BAAA,SAER,MAAA,oCAAA,CAIF,KAAA,EAAO,CAAA,GAAI,gBAAA,CAAiB,CAAA;;;;;;iBC/Bd,YAAA,CAAA;;;;;;AVL8C;KWSlD,aAAA;wBAEV,GAAA,EAAK,GAAA,EXTuC;EWW5C,GAAA,UXGiC;EWDjC,KAAA,WXEC;EWAD,IAAA;AAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/Router.tsx","../src/Outlet.tsx","../src/hooks/useNavigate.ts","../src/hooks/useLocation.ts","../src/hooks/useSearchParams.ts","../src/hooks/useBlocker.ts","../src/hooks/useRouteParams.ts","../src/hooks/useRouteState.ts","../src/hooks/useRouteData.ts","../src/hooks/useIsPending.ts"],"mappings":";;;;cAGM,6BAAA;;AAFoE;;;;;;;KAgB9D,uBAAA;EAAA,CACT,6BAAA,UAyB0B;EAvB3B,IAAA,WA4Be;EA1Bf,QAAA,GAAW,uBAAA;EAgCc;;;;;;EAzBzB,KAAA;EAPA;;;;;EAaA,eAAA,YAM2B;EAA3B,MAAA,IAAU,IAAA,EAAM,UAAA,CAAW,MAAA,+BAE3B;EAAA,MAAA,IAAU,IAAA,EAAM,UAAA,CAAW,MAAA,wCAAA;EAE3B,SAAA,GACI,aAAA;IACE,IAAA;IACA,MAAA,GAAS,MAAA;IACT,KAAA;IACA,QAAA,IACE,KAAA,cAAmB,IAAA,2BAChB,OAAA;IACL,YAAA,IAAgB,KAAA,cAAmB,IAAA;IACnC,UAAA,SAAmB,OAAA;IACnB,cAAA;IACA,IAAA;EAAA,KAEF,SAAA;AAAA;;;AAmBN;KAAY,YAAA;sCAEV,KAAA,EAAO,uBAAA,EAAP;EAEA,MAAA,EAAQ,MAAA,kBAAR;EAEA,QAAA;AAAA;;;;KAcU,cAAA;EAMQ,4DAJlB,OAAA,WAAkB,YAAA,WAUR;EARV,YAAA;EAEA,QAAA,EAAU,QAAA;AAAA;;;;KAMA,eAAA;EAYA,uDAVV,OAAA;EAEA,KAAA,YASA;EAPA,IAAA;AAAA;;;AAmBF;KAbY,QAAA;EACV,QAAA;EACA,MAAA;EACA,IAAA;AAAA;;;;;AAqBF;;;KAXY,kBAAA,IACV,KAAA,EAAO,aAAA,EACP,IAAA,EAAM,cAAA;;;;;AC1GR;;KDmHY,YAAA;;;KCnHA,WAAA;EACV,MAAA,EAAQ,eAAA;ED5BoC;;;;AAc9C;;;ECsBE,UAAA,GAAa,kBAAA;EDjBF;;;;;;ECwBX,QAAA,GAAW,YAAA;EDQc;;;;;;;;;;;;;;;;ECSzB,WAAA;AAAA;AAAA,iBAYc,MAAA,CAAA;EACd,MAAA,EAAQ,WAAA;EACR,UAAA;EACA,QAAA;EACA;AAAA,GACC,WAAA,GAAc,SAAA;;;;;;AD/EyD;iBEM1D,MAAA,CAAA,GAAU,SAAA;;;;;;iBCAV,WAAA,CAAA,IAAgB,EAAA,UAAY,OAAA,GAAU,eAAA;;;;;;iBCAtC,WAAA,CAAA,GAAe,QAAA;;;KCJ1B,eAAA,IACH,MAAA,EACI,eAAA,GACA,MAAA,qBACE,IAAA,EAAM,eAAA,KAAoB,eAAA,GAAkB,MAAA;;;;iBAMpC,eAAA,CAAA,IAAoB,eAAA,EAAiB,eAAA;;;KCVzC,iBAAA;;;;ANF8D;EMOxE,WAAA;AAAA;;;ANSF;;;;;;;;;;;;;;;;;;;;;;;;;iBMqBgB,UAAA,CAAW,OAAA,EAAS,iBAAA;;;;;;ANrCsC;;;;;AAgB1E;;;;;;;;;;;;iBOSgB,cAAA,WACJ,4BAAA,SAER,MAAA,oCAAA,CAIF,KAAA,EAAO,CAAA,GAAI,kBAAA,CAAmB,CAAA;;;;;;APhC0C;;;;;AAgB1E;;;;;;;;;;;;;iBQUgB,aAAA,WACJ,4BAAA,SAER,MAAA,oCAAA,CAIF,KAAA,EAAO,CAAA,GAAI,iBAAA,CAAkB,CAAA;;;;;;ARjC2C;;;;;AAgB1E;;;;;;;;;;;;;;;;iBSagB,YAAA,WACJ,4BAAA,SAER,MAAA,oCAAA,CAIF,KAAA,EAAO,CAAA,GAAI,gBAAA,CAAiB,CAAA;;;;;;iBC/Bd,YAAA,CAAA"}

package/dist/index.mjs

@@ -65,9 +65,9 @@ function internalRoutes(routes) {
 * Match a pathname against a route tree, returning the matched route stack.
 * Returns null if no match is found.
 */
-function matchRoutes(routes, pathname) {
+function matchRoutes(routes, pathname, options) {
 	for (const route of routes) {
-		const matched = matchRoute(route, pathname);
+		const matched = matchRoute(route, pathname, options);
 		if (matched) return matched;
 	}
 	return null;
@@ -75,10 +75,11 @@ function matchRoutes(routes, pathname) {
 /**
 * Match a single route and its children recursively.
 */
-function matchRoute(route, pathname) {
+function matchRoute(route, pathname, options) {
 	const hasChildren = Boolean(route.children?.length);
+	const skipLoaders = options?.skipLoaders ?? false;
+	if ((pathname === null || skipLoaders) && route.loader) return null;
 	if (route.path === void 0) {
-		if (pathname === null && route.loader) return null;
 		const result = {
 			route,
 			params: {},
@@ -86,11 +87,11 @@ function matchRoute(route, pathname) {
 		};
 		if (hasChildren) {
 			for (const child of route.children) {
-				const childMatch = matchRoute(child, pathname);
+				const childMatch = matchRoute(child, pathname, options);
 				if (childMatch) return [result, ...childMatch];
 			}
 			if (route.component && route.requireChildren === false) return [result];
-			if (pathname === null && route.component) return [result];
+			if ((pathname === null || skipLoaders) && route.component) return [result];
 			return null;
 		}
 		return [result];
@@ -109,7 +110,7 @@ function matchRoute(route, pathname) {
 		if (!remainingPathname.startsWith("/")) remainingPathname = "/" + remainingPathname;
 		if (remainingPathname === "") remainingPathname = "/";
 		for (const child of route.children) {
-			const childMatch = matchRoute(child, remainingPathname);
+			const childMatch = matchRoute(child, remainingPathname, options);
 			if (childMatch) return [result, ...childMatch.map((m) => ({
 				...m,
 				params: {
@@ -119,6 +120,7 @@ function matchRoute(route, pathname) {
 			}))];
 		}
 		if (route.component && route.requireChildren === false) return [result];
+		if (skipLoaders && route.component) return [result];
 		return null;
 	}
 	return [result];
@@ -178,16 +180,26 @@ function createLoaderRequest(url) {
 	return new Request(url.href, { method: "GET" });
 }
 /**
+* Create a Request object for action args (POST with FormData body).
+*/
+function createActionRequest(url, formData) {
+	return new Request(url.href, {
+		method: "POST",
+		body: formData
+	});
+}
+/**
 * Execute loaders for matched routes and return routes with data.
 * Results are cached by navigation entry id to prevent duplicate execution.
 */
-function executeLoaders(matchedRoutes, entryId, request, signal) {
+function executeLoaders(matchedRoutes, entryId, request, signal, actionResult) {
 	return matchedRoutes.map((match, index) => {
 		const { route, params } = match;
 		const data = getOrCreateLoaderResult(entryId, index, route, {
 			params,
 			request,
-			signal
+			signal,
+			actionResult
 		});
 		return {
 			...match,
@@ -235,7 +247,9 @@ var NavigationAPIAdapter = class {
 	}
 	subscribe(callback) {
 		const controller = new AbortController();
-		navigation.addEventListener("currententrychange", callback, { signal: controller.signal });
+		navigation.addEventListener("currententrychange", (event) => {
+			callback(event.navigationType === null ? "state" : "navigation");
+		}, { signal: controller.signal });
 		this.#subscribeToDisposeEvents(controller.signal);
 		navigation.addEventListener("currententrychange", () => this.#subscribeToDisposeEvents(controller.signal), { signal: controller.signal });
 		return () => {
@@ -286,17 +300,30 @@ var NavigationAPIAdapter = class {
 			if (!event.canIntercept) {
 				onNavigate?.(event, {
 					matches: [],
-					intercepting: false
+					intercepting: false,
+					formData: event.formData
 				});
 				return;
 			}
 			const url = new URL(event.destination.url);
 			const matched = matchRoutes(routes, url.pathname);
+			const isFormSubmission = event.formData !== null;
+			if (isFormSubmission && matched !== null) {
+				if (!matched.some((m) => m.route.action)) {
+					onNavigate?.(event, {
+						matches: matched,
+						intercepting: false,
+						formData: event.formData
+					});
+					return;
+				}
+			}
 			const willIntercept = matched !== null && !event.hashChange && event.downloadRequest === null;
 			if (onNavigate) {
 				onNavigate(event, {
 					matches: matched,
-					intercepting: willIntercept
+					intercepting: willIntercept,
+					formData: event.formData
 				});
 				if (event.defaultPrevented) return;
 			}
@@ -306,10 +333,23 @@ var NavigationAPIAdapter = class {
 				idleController = null;
 			}
 			event.intercept({ handler: async () => {
-				const request = createLoaderRequest(url);
 				const currentEntry = navigation.currentEntry;
 				if (!currentEntry) throw new Error("Navigation currentEntry is null during navigation interception");
-				const results = executeLoaders(matched, currentEntry.id, request, event.signal);
+				let actionResult = void 0;
+				if (isFormSubmission) {
+					const actionRoute = findActionRoute(matched);
+					if (actionRoute) {
+						const actionRequest = createActionRequest(url, event.formData);
+						actionResult = await actionRoute.route.action({
+							params: actionRoute.params,
+							request: actionRequest,
+							signal: event.signal
+						});
+					}
+					clearLoaderCacheForEntry(currentEntry.id);
+				}
+				const request = createLoaderRequest(url);
+				const results = executeLoaders(matched, currentEntry.id, request, event.signal, actionResult);
 				await Promise.all(results.map((r) => r.data));
 			} });
 		};
@@ -328,6 +368,13 @@ var NavigationAPIAdapter = class {
 		navigation.updateCurrentEntry({ state });
 	}
 };
+/**
+* Find the deepest matched route that has an action defined.
+* Iterates from deepest to shallowest.
+*/
+function findActionRoute(matched) {
+	for (let i = matched.length - 1; i >= 0; i--) if (matched[i].route.action) return matched[i];
+}
 
 //#endregion
 //#region src/core/StaticAdapter.ts
@@ -352,7 +399,7 @@ var StaticAdapter = class {
 	subscribe(_callback) {
 		return () => {};
 	}
-	navigate(to, _options) {
+	navigate(_to, _options) {
 		console.warn("FUNSTACK Router: navigate() called in static fallback mode. Navigation API is not available in this browser. Links will cause full page loads.");
 	}
 	async navigateAsync(to, options) {
@@ -423,7 +470,7 @@ function createAdapter(fallback) {
 const serverSnapshotSymbol = Symbol();
 const noopSubscribe = () => () => {};
 const getServerSnapshot = () => serverSnapshotSymbol;
-function Router({ routes: inputRoutes, onNavigate, fallback = "none" }) {
+function Router({ routes: inputRoutes, onNavigate, fallback = "none", ssrPathname }) {
 	const routes = internalRoutes(inputRoutes);
 	const adapter = useMemo(() => createAdapter(fallback), [fallback]);
 	const [blockerRegistry] = useState(() => createBlockerRegistry());
@@ -433,10 +480,11 @@ function Router({ routes: inputRoutes, onNavigate, fallback = "none" }) {
 	const locationEntry = locationEntryInternal === serverSnapshotSymbol ? null : locationEntryInternal;
 	if (locationEntryInternal === serverSnapshotSymbol && initialEntry !== serverSnapshotSymbol) setLocationEntry(initialEntry);
 	useEffect(() => {
-		return adapter.subscribe(() => {
-			startTransition(() => {
+		return adapter.subscribe((changeType) => {
+			if (changeType === "navigation") startTransition(() => {
 				setLocationEntry(adapter.getSnapshot());
 			});
+			else setLocationEntry(adapter.getSnapshot());
 		});
 	}, [adapter, startTransition]);
 	useEffect(() => {
@@ -459,7 +507,7 @@ function Router({ routes: inputRoutes, onNavigate, fallback = "none" }) {
 	return useMemo(() => {
 		const matchedRoutesWithData = (() => {
 			if (locationEntry === null) {
-				const matched = matchRoutes(routes, null);
+				const matched = matchRoutes(routes, ssrPathname ?? null, { skipLoaders: true });
 				if (!matched) return null;
 				return matched.map((m) => ({
 					...m,
@@ -498,7 +546,8 @@ function Router({ routes: inputRoutes, onNavigate, fallback = "none" }) {
 		locationEntry,
 		routes,
 		adapter,
-		blockerRegistry
+		blockerRegistry,
+		ssrPathname
 	]);
 }
 /**
@@ -543,7 +592,7 @@ function RouteRenderer({ matchedRoutes, index }) {
 		url,
 		navigateAsync
 	]);
-	const resetState = useCallback(() => {
+	const resetStateSync = useCallback(() => {
 		if (locationEntry === null) return;
 		const newStates = [...locationEntry.state?.__routeStates ?? []];
 		newStates[index] = void 0;
@@ -553,6 +602,20 @@ function RouteRenderer({ matchedRoutes, index }) {
 		index,
 		updateCurrentEntryState
 	]);
+	const resetState = useCallback(async () => {
+		if (locationEntry === null || url === null) return;
+		const newStates = [...locationEntry.state?.__routeStates ?? []];
+		newStates[index] = void 0;
+		await navigateAsync(url.href, {
+			replace: true,
+			state: { __routeStates: newStates }
+		});
+	}, [
+		locationEntry?.state,
+		index,
+		url,
+		navigateAsync
+	]);
 	const outlet = index < matchedRoutes.length - 1 ? /* @__PURE__ */ jsx(RouteRenderer, {
 		matchedRoutes,
 		index: index + 1
@@ -584,7 +647,8 @@ function RouteRenderer({ matchedRoutes, index }) {
 			state: routeState,
 			setState,
 			setStateSync,
-			resetState
+			resetState,
+			resetStateSync
 		};
 		const info = locationEntry?.info;
 		if (route.loader) return /* @__PURE__ */ jsx(Component, {