How to set initialData?

[Steffi3rd]

Hello guys 👋

I'm trying this lib using Next.js with SSR

I would like to set initialData as shown in this commit : https://github.com/aribouius/jsonapi-react/commit/b0e1960d1031497b7d876d71d668bec9c42ed93d, but I can't make it work, data of useQuery returns undefined at the first time :

export default function Index({ resultFromGetServerSideProps = "test" }) {
   const { data, meta, error, isLoading, isFetching } = useQuery([
      'news', {
        include: ['city'],
        initialData: resultFromGetServerSideProps,
      },
   ])

   console.log(data)
}

console.log : First render : undefined Re-render : { ... }

Someone knows how to set initialData please?

[aribouius]

Hey @Steffi3rd looks like you are passing initialData in the wrong place.

The signature of that hook is useQuery(query, options), so you're attempting to pass in an option param via the query arg.

The correct implementation would be

const { 
  data, 
  meta, 
  error, 
  isLoading, 
  isFetching 
} = useQuery(['news', { include: ['city'] }], {
  initialData: resultFromGetServerSideProps,
})

[Steffi3rd]

Oh yeah, my bad. Thank you very much @aribouius! It works now 😍

---

I just a Typescript error using initialData :

[Steffi3rd]

With @cta-faber, we've opened a PR to fix that : https://github.com/aribouius/jsonapi-react/pull/34