React firebaseから撮ってきたデータを追加表示したい

React書学者です。
twitterのようなものを作ろうと考えてます。
ーーーーーー出来ていることーーーーーー

firebase変更時にイベントの発火
firebaseのデータの追加。
firebaseのデータ参照、確認

ーーーーーー出来ないことーーーーーー

feirebaseからとってきたデータを、表示させるようにする

js
1import React from 'react';
2import Input from './Input';
3import Timeline from './tweet';
4import firebase from 'firebase';
5
6function TweetTimeline() {
7  return(
8    <div>
9      <Input/>
10      <Timeline/>
11    </div>
12  );
13}
14export default TweetTimeline;

js
1import React, { useState,useEffect } from 'react';
2import firebase from 'firebase';
3function Timeline() {
4
5  const db = firebase.firestore();
6  const docRef = db.collection("gallery");
7  let data = [];
8
9  const addtweet = (doc) => {
10    data.push({id:doc.id,tweet: doc.get('tweet')});
11    console.log('doc.id =>' + doc.id);
12    console.log('doc.tweet =>' + doc.get('tweet'));
13  }
14  const list = data.map((item) => (
15    <p>{item.tweet}</p>
16  ))
17  useEffect(
18///////////////////変更時に入ってくるイベント//////////////////////////////
19    db.collection('gallery')
20      .onSnapshot(function (querySnapshot) {
21        querySnapshot.forEach((doc) => {
22          addtweet(doc);
23          // console.log('Document data:', doc.data());
24          // console.log('-------------------');
25        });
26      })
27  )
28  // 表示する
29  return(
30    <div>{list}</div>
31  );
32}
33export default Timeline;

js
1function TweetInput(props) {
2////データベースに登録/////////////////////////////////////////////////////////////////////
3  const textareaRef = React.useRef(null);
4  const db_add = async () => {
5    // console.log(sendTweet);
6    const db = firebase.firestore();
7    const docRef = db.collection("gallery").doc("testDoc");
8    const doc = await docRef.get();
9    // console.log(doc.data().tweet);
10    const tweetRef = document.getElementById("FlexTextarea").value
11    const time = new Date();
12    const id = new Date().getTime();
13    console.log(time);
14  db.collection("gallery").doc(id + '1').set({
15    //DBに突っ込みたいもの
16    id: id,
17    tweet: textareaRef.current.value
18  })
19  .then((doc) => {
20    console.log(`追加に成功しました`);
21  })
22  .catch((error) => {
23    console.log(error);
24  });
25 }
26----省略----