Error: Objects are not valid as a React child (found: object with keys {seconds, nanoseconds}). If you meant to render a collection of children, use an array instead.

` const [posts,setPosts] = useState([]);
   useEffect(() => {
    db.collection("posts").onSnapshot((snapshot)=>
    setPosts(snapshot.docs.map((doc)=>({id:doc.id,data:doc.data()})))           
    );
       
   }, [])`