You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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:
<FlatListlist={[]}renderItem={()=>(<div/>)}/>
Expected behavior
: Hydration should succeed and Next.js should not throw an error
Desktop (please complete the following information):
OS: macOS Ventura (13.0)
Browser: Safari
Version: 16.1
Screenshots
The text was updated successfully, but these errors were encountered:
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
The text was updated successfully, but these errors were encountered: