tanstack invalidateQueries not working within a Nextjs page layout

[clemensmol]

I'm using Nextjs with the pages router. I'm having troubles getting invalidateQueries to work within pages with custom layouts.

• navigate to page A with data loaded using useInfiniteQuery inside a layout (getLayout)
• navigate to page B with a different layout
• use invalidateQueries to invalidate the query used on page A
• navigate back to page A but the data isn't reloaded

I'm currently using invalidateQueries with refetchType: 'all' as a temporary fix, but this shouldn't be necessary right? The queryKey is valid, if I run invalidateQueries on page A the data is reloaded, as expected.

I'm probably missing something... Anyone else got this working?