26 lines
1.4 KiB
JavaScript
26 lines
1.4 KiB
JavaScript
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) return /* @__PURE__ */ jsx(router.options.defaultNotFoundComponent, { ...data });
|
|
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, {});
|
|
}
|
|
return /* @__PURE__ */ jsx(route.options.notFoundComponent, { ...data });
|
|
}
|
|
//#endregion
|
|
export { renderRouteNotFound };
|
|
|
|
//# sourceMappingURL=renderRouteNotFound.js.map
|