navigate missing content

[tcchanpccw]

Hi, I am new to TSR, I'm trying to redirect the user to the toot route, but when it navigates to "/", only the URL changed and the page content of "/" is missing.

export const Route = createFileRoute("/callback/logout")({
  component: LogoutCallbackComponent,
});

function LogoutCallbackComponent() {
  
  const navigate = Route.useNavigate();

  useEffect(() => {
    navigate({ to: "/", replace: true });
  }, [navigate]);

  return "Logged out, redirecting...";
}