loaderData

so I managed to get my route loader to work

export const Route = createFileRoute('/subscription')({

  loader: async ({ context }) => {
     ({
      queryKey: ['todos', { data: context.auth.userId }],
      queryFn: await getUserData(context.auth.userId)
    })
  },
  component: SubsPage,
});

function SubsPage() {
  const subbed = Route.useLoaderData();
return ( etc. ) }

export const Route = createFileRoute('/subscription')({

  loader: async ({ context }) => {
     ({
      queryKey: ['todos', { data: context.auth.userId }],
      queryFn: await getUserData(context.auth.userId)
    })
  },
  component: SubsPage,
});

function SubsPage() {
  const subbed = Route.useLoaderData();
return ( etc. ) }

but the subbed object is undefined
loader triggers and gets the data.
Isn't that the correct way to access the loaded data with
const subbed = Route.useLoaderData();
or const subbed = useLoaderData({from: "/subscription"})
?

TanStack•3y ago•

16 replies

wet-aqua

loaderData

so I managed to get my route loader to work

export const Route = createFileRoute('/subscription')({

  loader: async ({ context }) => {
     ({
      queryKey: ['todos', { data: context.auth.userId }],
      queryFn: await getUserData(context.auth.userId)
    })
  },
  component: SubsPage,
});

function SubsPage() {
  const subbed = Route.useLoaderData();
return ( etc. ) }

export const Route = createFileRoute('/subscription')({

  loader: async ({ context }) => {
     ({
      queryKey: ['todos', { data: context.auth.userId }],
      queryFn: await getUserData(context.auth.userId)
    })
  },
  component: SubsPage,
});

function SubsPage() {
  const subbed = Route.useLoaderData();
return ( etc. ) }

loaderData

Similar Threads

loaderData

Similar Threads

Similar Threads

Similar Threads