@tanstack/react-router/dist/esm/renderRouteNotFound.js

Modern and scalable routing for React applications

import { wrapInNonRouteComponentContext } from "./nonRouteComponentContext.js";
import { DefaultGlobalNotFound } from "./not-found.js";
import "react";
import { jsx } from "react/jsx-runtime";
//#region src/renderRouteNotFound.tsx
/**
* Renders a not found component for a route when no matching route is found.
*
* @param router - The router instance containing the route configuration
* @param route - The route that triggered the not found state
* @param data - Additional data to pass to the not found component
* @returns The rendered not found component or a default fallback component
*/
function renderRouteNotFound(router, route, data) {
	if (!route.options.notFoundComponent) {
		if (router.options.defaultNotFoundComponent) {
			const notFoundElement = /* @__PURE__ */ jsx(router.options.defaultNotFoundComponent, { ...data });
			return process.env.NODE_ENV !== "production" ? wrapInNonRouteComponentContext(notFoundElement, "notFoundComponent") : notFoundElement;
		}
		if (process.env.NODE_ENV !== "production") {
			if (!route.options.notFoundComponent) console.warn(`Warning: A notFoundError was encountered on the route with ID "${route.id}", but a notFoundComponent option was not configured, nor was a router level defaultNotFoundComponent configured. Consider configuring at least one of these to avoid TanStack Router's overly generic defaultNotFoundComponent (<p>Not Found</p>)`);
		}
		return /* @__PURE__ */ jsx(DefaultGlobalNotFound, {});
	}
	const notFoundElement = /* @__PURE__ */ jsx(route.options.notFoundComponent, { ...data });
	return process.env.NODE_ENV !== "production" ? wrapInNonRouteComponentContext(notFoundElement, "notFoundComponent") : notFoundElement;
}
//#endregion
export { renderRouteNotFound };

//# sourceMappingURL=renderRouteNotFound.js.map