How to make a redirect with a dynamic path?

[arloktev]

I want to redirect from /post/:id to /article/:id. How to make a redirect with a dynamic path? Use Route with Navigate substitutes path as string.

[brophdawg11]

Your loader receives the request and params:

let router = createBrowserRouter([{
  path: "/post/:id",
  loader: ({ request, params }) => redirect(`/article/${params.id}`);
}, {
  path: "/article/:id",
  loader: () => { ... },
  Component: Article,
}]);