Page one has no react-fire wired up, Page two does.
The first render or route render is all the same. But switching routes, the subsequent renders with react-fire break some components from displaying entirely.
Expected behavior
Renders as usual
Actual behavior
Second and more renders of the route with react-fire breaks some components
I know this might be related to the component library too, but I find it weird that the call to useFirestoreCollectionData would break some rendering.
Version info
React: 17.0.2
Firebase: 9.6.6
ReactFire: 4.2.1
Other (e.g. Node, browser, operating system) (if applicable): macOS, Firefox latest, Chrome latest
Test case
https://codesandbox.io/s/spectrum-93izg?file=/src/App.js
Steps to reproduce
Page one has no react-fire wired up, Page two does.
The first render or route render is all the same. But switching routes, the subsequent renders with react-fire break some components from displaying entirely.
Expected behavior
Renders as usual
Actual behavior
Second and more renders of the route with react-fire breaks some components
I know this might be related to the component library too, but I find it weird that the call to
useFirestoreCollectionData
would break some rendering.