FirebaseのonSnapshotを使ったときに起きた、serverTimestampがnullになる現象について - Qiita

React+TypeScriptでアプリを開発している時のこと。 「ユーザーがformに入力した内容をリアルタイムに画面にに反映したいな」と思い(チャットの様なものだと思ってください)、調べているとget()ではなく、onSnapshot()を使えばFirestore(db)に保存されたデータを即時画面に反映できると知り、使ってみた結果即時反映させることには成功したものの、なぜかserverTimestamp()がnullになるエラーに直面しました。 その時の対処法の解説になります。 コードの例 以下は上手く行った時のReactのコード例ですが、他のフレームワークやライブラリでも同じ様な感じだと思います。 useEffect(() => { let comments: any = []; const unsubscribe: any = db .collection("posts") .d