When and how should a websocket firebase connection be closed?

Question

React

When and how should a websocket firebase connection be closed?
making a react app

Answer 1

Firebase manages its own websocket connection. The application, on the other hand, manages listeners: it subscribes to database updates when necessary and unsubscribes when updates are no longer required.
Something like this:

import { doc, onSnapshot } from 'firebase/firestore'

export default function EntitityPage({ entityId }) {

    const [ entity, setEntity ] = React.useState(null)
    
    React.useEffect(() => {
        const unsubscribe = onSnapshot(doc(db, 'entities', entityId), (snapshot) => {
            setEntity(snapshot.data())
        })
        return () => {
            unsubscribe()
        }
    }, [entityId])
    
    return (
        <div>{JSON.stringify(entity)}</div>
    )
}