#ParentRoute data sharing not working on Alpha

2 messages · Page 1 of 1 (latest)

lime canyon
#

Trying to do the following

// routes/folder/index.tsx
export const Route = createFileRoute({
  component: RouteComponent,
  loader: () => {
    return {
      title: "Title",
    };
  },
});

function RouteComponent() {
  const data = Route.useLoaderData();
  return <div>Hello "{data.title}"!</div>; // this works
}

// routes/folder/subpage.tsx
import { Route as ParentRoute } from "@/routes/folder/index";

export const Route = createFileRoute({
  component: RouteComponent,
});

function RouteComponent() {
  const data = ParentRoute.useLoaderData();
  return <div>Hello "{data.title}"!</div>;
}

On the subpage, I get:

| Invariant failed: Could not find an active match from "/folder/"

Versions:

"@tanstack/react-router": "1.121.0-alpha.1",
"@tanstack/react-router-devtools": "1.121.0-alpha.1",
"@tanstack/react-router-with-query": "^1.114.3",
"@tanstack/react-start": "1.121.0-alpha.1",
"@tanstack/router-plugin": "^1.114.3",
sturdy berry
#

an index route is never a parent