How to correctly type pre-rendered data using InfiniteQuery in Next.js

[patrick-xin]

Hello everyone! I was playing around with InfiniteQuery in a Next.js app. I want to pre-render some posts in getServerSideProps, then on the client using InfiniteQuery fetching the rest posts. Posts data looks like this:


How do I correctly type posts.posts? Thank you!

[TkDodo]

InfiniteData contains pages and pageParams. So it's:

posts.pages.flatMap(page => page.posts.map(post => ...))

[patrick-xin]

Got it! Thank you so much!