投稿に対してユーザー情報のnullを許容するFirestoreの設計

前提・実現したいこと

React.jsとFirebaseを使って掲示板を作っています。
掲示板の機能は下記の通りです。

ユーザー登録およびログインしていなくても、掲示板に投稿できる
ログイン状態で投稿すると、投稿に対してユーザーの名前が添えられる
ユーザー情報を更新すると、投稿に添えられた名前も更新される

以上です。
現状はユーザーの名前を格納するUsersコレクション（ドキュメントのIDはuid）と、本文とuidを格納するPostsコレクションを作成しています。

上記の機能の場合におけるFirestoreの設計を教えていただきたいです。

現状のソースコード

処理の流れは下記の通りです。

Postsコレクションを取得して配列に格納し、array.map()でレンダー
array.map()の各オブジェクトを子コンポーネントPostに渡す
Postコンポーネントで、渡されたオブジェクトから本文を表示、オブジェクトにuidがあればUsersコレクションからuidを使いデータを取得して表示

コレクションの取得は、react-firebase-hooksというライブラリを使用しています。

PostList.js

js
1import { useCollectionData } from "react-firebase-hooks/firestore";
2
3const PostList = () => {
4  const postsArray = useCollectionData(db.collection("posts"))[0];
5
6  const posts = postsArray.map((postObj, index) => (
7    <Post postObj={postObj} key={index} />
8  ));
9
10  return <div>{posts}</div>;
11};

Post.js

js
1const Post = ({ postObj }) => {
2  const [user, setUser] = useState();
3  useEffect(() => {
4    if (!postObj.uid) return;
5    db.collection("users").doc(postObj.uid)
6      .onSnapshot(doc => setUser(doc.data()));
7  }, [postObj.uid]);
8
9  return (
10    <>
11      <p>{postObj.text}</p>
12      {user&& <span>{userData.name}</span>}
13    </>
14  );
15};