Blank page

reacttypescript

I have a route that is bad

http://localhost:5173/project/f60bcf11-55758652d703/edit

f60bcf11-55758652d703 is an id that does not exist.

but the notfound page does not show. the TanStackRouterDevtools in __root does not show. only thing in the page is the script for vite

no errors in the console.

latest version

export const Route = createRootRouteWithContext<AppRouterContext>()({
  component: function RootComponent() { console.log("not seen"; debugger; return <div>help me<TanStackRouterDevtools position="bottom-right" /></div>},
  // notFoundComponent: RootNotFoundPage,
  // errorComponent: RootErrorPage,
});

export const Route = createRootRouteWithContext<AppRouterContext>()({
  component: function RootComponent() { console.log("not seen"; debugger; return <div>help me<TanStackRouterDevtools position="bottom-right" /></div>},
  // notFoundComponent: RootNotFoundPage,
  // errorComponent: RootErrorPage,
});

commenting these out... still a blank page.

correct id, everything is fine

i can't find a place to start

the loader for the page that errors i put a console and a debugger and neither seem to run. i just get seem to get an error anywhere

oh wait... i found it... ai have a beforeload that throws notFound() which essentially kills the router and the site. user must type in a new address in the url bar. the docs saying that it will get logged in console is false.

TanStack•3mo ago•

1 reply

efficient-indigo

Blank page

reacttypescript

export const Route = createRootRouteWithContext<AppRouterContext>()({
  component: function RootComponent() { console.log("not seen"; debugger; return <div>help me<TanStackRouterDevtools position="bottom-right" /></div>},
  // notFoundComponent: RootNotFoundPage,
  // errorComponent: RootErrorPage,
});

export const Route = createRootRouteWithContext<AppRouterContext>()({
  component: function RootComponent() { console.log("not seen"; debugger; return <div>help me<TanStackRouterDevtools position="bottom-right" /></div>},
  // notFoundComponent: RootNotFoundPage,
  // errorComponent: RootErrorPage,
});

Blank page

Similar Threads

Blank page

Similar Threads

Similar Threads

Similar Threads