[V7] how to use matchRoutes in v7?

[jesse996]

in v6,i have a array of type RouteObject[],and i can use matchesRoutes(routes,url),but in v7,there is RouteConfig， so how to use matchRoutes with RouteConfig？

[octet-stream]

You can try and get these utilities:

react-router/packages/react-router/lib/server-runtime/routes.ts

Lines 19 to 56 in 04a6272

	export type ServerRouteManifest = RouteManifest<Omit<ServerRoute, "children">>;
	export interface ServerRoute extends Route {
	children: ServerRoute[];
	module: ServerRouteModule;
	}
	function groupRoutesByParentId(manifest: ServerRouteManifest) {
	let routes: Record<string, Omit<ServerRoute, "children">[]> = {};
	Object.values(manifest).forEach((route) => {
	if (route) {
	let parentId = route.parentId || "";
	if (!routes[parentId]) {
	routes[parentId] = [];
	}
	routes[parentId].push(route);
	}
	});
	return routes;
	}
	// Create a map of routes by parentId to use recursively instead of
	// repeatedly filtering the manifest.
	export function createRoutes(
	manifest: ServerRouteManifest,
	parentId: string = "",
	routesByParentId: Record<
	string,
	Omit<ServerRoute, "children">[]
	> = groupRoutesByParentId(manifest)
	): ServerRoute[] {
	return (routesByParentId[parentId] || []).map((route) => ({
	...route,
	children: createRoutes(manifest, route.id, routesByParentId),
	}));
	}

They're not exposed in public API, so you'll need to copy-paste these to your code.
Then all you need is to call matchRoutes with result of createRoutes as first parameter:

const matched = marchRoute(createRoutes(serverBuild.routes), new URL(request.url).pathname, serverBuild.basename)

I think I'll open an issue and ask maintainers to add some public utilities to get current route metadata.

Hope this helps.

[octet-stream]

Note that ServerRouteManifest and ServerRoute types are private, but you can easily access them like this:

import type {ServerBuild} from "react-router"

type ServerRouteManifest = ServerBuild["routes"]

type ServerRoute = NonNullable<ServerRouteManifest[keyof ServerRouteManifest]>

[GabenGar]

In what context are you trying to match? Route.ComponentProps["matches"] already includes pre-matched results.

[jesse996]

in some case i want to get the router info like params by url based on my router config file