SolidJSS
SolidJS•3y ago•
2 replies
Martnart

Await resolution of previous routeData in nested routeData

I have a route that fetches some data.
export function routeData({ params }) {
  return createRouteData(async (key) => doMyFetch(key), { key: () => params.id })
}


In a nested route, I want to await the result of parent route data first, before doing another fetch

export function routeData({ params, data }) {
  if (!data().hasAccess) return undefined
  return createRouteData(async (key) => doMyOtherFetch(key), { key: () => params.id })
}


CSR works fine, because I navigate from the parent route and the data is available. SSR does not work. routeData apparently is running multiple times in SSR and even though my log shows that the data is there, the function still executes past the initial guard clause - probably only in the first passthrough (I get no log though :O) when the data is still undefined. How can I tell solid to wait for data() to resolve before continuing on with the function execution? I'd like to avoid wrapping everything inside memos, effects, etc., which would mess up my returntypes and adds unnecessary complexity to something that should be solvable with a simple await. I can't find any help in the docs regarding this. Thank you in advance 🙏
Was this page helpful?