A very similar example can be found here: firebase website

useEffect(() => {
    onSnapshot(collection(db, "posts"), (snapshot) => {
      console.log(snapshot);
      //setPosts(snapshot.docs.map(doc => doc.data()));
    })
  }, [])

error on the localhost