T
TanStack•13mo ago
conscious-sapphire

Auto-redirect when accessing a route

Hey everyone, quick question: how do I automatically redirect a user from my-url.com/courses to my-url.com/courses/in-progress? Maybe I could use the beforeLoad option?
3 Replies
xenial-black
xenial-black•13mo ago
// courses/index.jsx
import { createFileRoute, redirect } from "@tanstack/react-router";

export const Route = createFileRoute("/")({
  loader: () => {
    throw redirect({ to: "/courses/in-progress", replace: true });
  },
});
// courses/index.jsx
import { createFileRoute, redirect } from "@tanstack/react-router";

export const Route = createFileRoute("/")({
  loader: () => {
    throw redirect({ to: "/courses/in-progress", replace: true });
  },
});
conscious-sapphire
conscious-sapphireOP•13mo ago
ty I was using 
throw redirect({ to: "/courses/in-progress", replace: true });
throw redirect({ to: "/courses/in-progress", replace: true });
but in beforeLoad so its better to use in loader? gonna replace it
wise-white
wise-white•13mo ago
throwing in beforeLoad is perfectly fine

Did you find this page helpful?