Describe the bug
When <FlatList /> is used in a page, the server-side rendered version and the client version cannot be reconciliated, and hydration fails. Read more about hydration error here: https://nextjs.org/docs/messages/react-hydration-error
Steps to reproduce the behavior
: Add <FlatList /> component on a page. list prop can even be an empty array. E.g:
FlatList Version : 1.5.3
Describe the bug When
<FlatList />
is used in a page, the server-side rendered version and the client version cannot be reconciliated, and hydration fails. Read more about hydration error here: https://nextjs.org/docs/messages/react-hydration-errorSteps to reproduce the behavior : Add
<FlatList />
component on a page.list
prop can even be an empty array. E.g:Expected behavior : Hydration should succeed and Next.js should not throw an error
Desktop (please complete the following information):
Screenshots