initialData in subcomponents undefined on first render

[pinkeyAT]

Hi,

im using nextjs with getServerSideProps to fetch initialData.

In the page i pass the initialData to useQuery:

const { data } = useQuery(`12345`, fetchQueries, {
	initialData: props.initialData
});

console.log('data: ', data); // my initialData as expected

In my first subcomponent i want to access the data from the query with

const { data } = queryCache.getQueryData('12345'); 
// throws error, if i dont destruct data it shows undefined

But it does not work (see comment in code above).

I also tried to set in my main component the queryCache directly with (queryCache.setQueryData). According to the docs its sync so it should be available in my subcomponent but i get still the same error.

Maybe im just using it wrong ... ?
Do i have put both ( useQuery and getQueryData) in a hook and import the hook where i want to access the data like the guy did here #489 ?

Any help is appreciated.
Thanks!

[pinkeyAT]

As a follow up i uploaded a example which has more or less the same problem:

From readme: https://github.com/pinkeyAT/react-query-test

Tried to set initialData for Cache and access/modify it in subcomponents.

Currently it does only work when cached data exists otherwise throws an error in each component on useState(data[id]) because data[id] is not defined. In my opinion it should be as initialData was provided through nextjs getServerSideProps and passed to react-query.

Thanks!