TanStack•3mo ago•

3 replies

primary-violet

Passing data to child routes from loader

react

Hello everyone. I've been tinkering around with

beforeLoad

beforeLoad

and

loader

loader

for the past few days.

essentially what I have is a

shelf

shelf

route which has a loader to fetch data such as

meetings

meetings

. This

shelf

shelf

route has 2 child route which are

shelf/calendar

shelf/calendar

and

shelf/actions/(schedule - reschedule - cancel)

shelf/actions/(schedule - reschedule - cancel)

.

I am fetching this data inside

route.tsx

route.tsx

of shelf and having issues trying to pass it off to it's child routes

calendar

calendar

and

actions

actions

.

I have tried using

beforeLoad

beforeLoad

to fetch data and then pass it off. This works as I can access the context in the child route and get my data but does not work for

loader

loader

I am so used to passing properties to

Outlet

Outlet

but tanstack router

Outlet

Outlet

works very differently from the react router.

If someone could point me in the right direction or reference the functions i should be using. I would be very thankful

- shelf ( directory )

-- actions ( directory )
--- cancel.tsx
--- reschedule.tsx
--- schedule.tsx
--- route.tsx

-- calendar.tsx
-- route.tsx ( fetches meetings here )

- shelf ( directory )

-- actions ( directory )
--- cancel.tsx
--- reschedule.tsx
--- schedule.tsx
--- route.tsx

-- calendar.tsx
-- route.tsx ( fetches meetings here )

TanStack•3mo ago•

3 replies

primary-violet

Passing data to child routes from loader

react

Hello everyone. I've been tinkering around with

beforeLoad

beforeLoad

and

loader

loader

for the past few days.

essentially what I have is a

shelf

shelf

route which has a loader to fetch data such as

meetings

meetings

. This

shelf

shelf

route has 2 child route which are

shelf/calendar

shelf/calendar

and

shelf/actions/(schedule - reschedule - cancel)

shelf/actions/(schedule - reschedule - cancel)

.

I am fetching this data inside

route.tsx

route.tsx

of shelf and having issues trying to pass it off to it's child routes

calendar

calendar

and

actions

actions

.

I have tried using

beforeLoad

beforeLoad

to fetch data and then pass it off. This works as I can access the context in the child route and get my data but does not work for

loader

loader

I am so used to passing properties to

Outlet

Outlet

but tanstack router

Outlet

Outlet

works very differently from the react router.

If someone could point me in the right direction or reference the functions i should be using. I would be very thankful

- shelf ( directory )

-- actions ( directory )
--- cancel.tsx
--- reschedule.tsx
--- schedule.tsx
--- route.tsx

-- calendar.tsx
-- route.tsx ( fetches meetings here )

- shelf ( directory )

-- actions ( directory )
--- cancel.tsx
--- reschedule.tsx
--- schedule.tsx
--- route.tsx

-- calendar.tsx
-- route.tsx ( fetches meetings here )

Passing data to child routes from loader

Similar Threads

Passing data to child routes from loader

Similar Threads

Similar Threads

Similar Threads