Comments (3)
I think you might have misunderstood the useEffect hook. The return function is meant to be called by React during cleanup. What makes you think that it won't be called when you navigate away?
And I think a page reload will toss out the whole javascript context, so everything including subscriptions is garbage collected.
from react-firebase-hooks.
Thanks for the reply.
You are correct, the cleanup function is called when the component is unmounted. However, my understanding is that the cleanup function is not called when the page is reloaded or the tab is closed.
Below is a simple demonstration video to show this.
https://github.com/9concepts/nextjs-cleanup-experiment
I could not immediately provide a demo that stays connected to Firestore when using react-firebase-hooks. I don't see any other similar reports and will close the issue until I can show an example where the connection is kept alive.
from react-firebase-hooks.
AFAIK when a tab is closed or reloaded, nothing of the current javascript runtime survives. I would be surprised if javascript kept executing in the background. I think every tab has an isolated runtime environment. It's like closing your nodejs application on the command line, it kills everything in terms of processes and allocated memory.
I don't think technically javascript even can call the unsubscribe in such situations, because objects have no destructor like in c++.
from react-firebase-hooks.
Related Issues (20)
- Is it possible to add a type to the data returned by useCollectionData hook? HOT 1
- useCollectionData loading only updating on initial render not on refetch
- Missing functions hook "useHttpsCallableFromUrl"
- pass params to useHttpsCallable
- useDocumentData fails to update when read permission is not longer denied HOT 2
- useAuthState wont update user.emailVerified until page is refreshed
- How do I add infinite scroll/pagination? HOT 1
- What's the suggestion for token refresh? HOT 1
- reload() doesn't update existing items with useCollectionOnce
- addition of confirmPasswordReset hook.
- useDocumentData returns undefined on first render until forced browser refresh returns data
- Failed to resolve entry for package "react-firebase-hooks"
- useSignInWithGoogle: Cross-Origin-Opener-Policy policy would block the window.closed call HOT 2
- useSignInWithEmailAndPassword BadRequestError
- Project is abandoned? HOT 4
- I can not get id for each item in the collection with useCollectionData hook HOT 2
- `useSendPasswordResetEmail` does not return an error when an unregistered email is used HOT 3
- user in useAuthState return undefined on refresh
- FirebaseError with useDocumentData Hook with [email protected] HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-firebase-hooks.