T
TanStack•3y ago
xenophobic-harlequin

Question on catch-all routing

Hey all, just trying to understand why this example does not work (I am trying to catch-all under a specific path /auth/* using redirectAuthRoute2): 
export const authRoute = new Route({
  getParentRoute: () => rootRoute,
  path: "auth",
  component: () => {
    return <b>Auth</b>;
  },
});

// this works
export const redirectAuthRoute = new Route({
  getParentRoute: () => rootRoute,
  path: "auth/*",
  component: () => {
    return <Navigate to="/auth" />;
  },
});

// this doesn't work
export const redirectAuthRoute2 = new Route({
  getParentRoute: () => authRoute,
  path: "*",
  component: () => {
    return <Navigate to="/auth" />;
  },
});
export const authRoute = new Route({
  getParentRoute: () => rootRoute,
  path: "auth",
  component: () => {
    return <b>Auth</b>;
  },
});

// this works
export const redirectAuthRoute = new Route({
  getParentRoute: () => rootRoute,
  path: "auth/*",
  component: () => {
    return <Navigate to="/auth" />;
  },
});

// this doesn't work
export const redirectAuthRoute2 = new Route({
  getParentRoute: () => authRoute,
  path: "*",
  component: () => {
    return <Navigate to="/auth" />;
  },
});
Does this configuration not allow "redirectAuthRoute2" to inherit from /auth? or am I misunderstanding the documentation?
1 Reply
adverse-sapphire
adverse-sapphire•3y ago
Seems like a bug. File an issue

Did you find this page helpful?