Getting multiple re-renders

When I load the app, and when my routes change, my Root Route seems to re-render.

Im generating the logs using the

useLogRenders

useLogRenders

useLogRenders

useLogRenders hook from this example from an issue I saw on github which could be a similar problem?

In the logs screenshot, I've got no react components being rendered in my Root route.

const Root = () => {
  useLogRenders('Root');
  return (
    <></>
  );
};

export const rootRoute = createRootRouteWithContext<AppContext>()({
  validateSearch: appSearchParamsSchema,
  component: Root,
})

const Root = () => {
  useLogRenders('Root');
  return (
    <></>
  );
};

export const rootRoute = createRootRouteWithContext<AppContext>()({
  validateSearch: appSearchParamsSchema,
  component: Root,
})

const Root = () => {
  useLogRenders('Root');
  return (
    <></>
  );
};

export const rootRoute = createRootRouteWithContext<AppContext>()({
  validateSearch: appSearchParamsSchema,
  component: Root,
})

const Root = () => {
  useLogRenders('Root');
  return (
    <></>
  );
};

export const rootRoute = createRootRouteWithContext<AppContext>()({
  validateSearch: appSearchParamsSchema,
  component: Root,
})

https://stackblitz.com/edit/tanstack-router-bxtshb?file=src/routes/__root.tsx

StackBlitz

Router Basic File Based Example (forked) - StackBlitz

Run official live example code for Router Basic File Based, created by Tanstack on StackBlitz

Getting multiple re-renders

Similar Threads

Similar Threads

Similar Threads