How can I display data from firebase to material table?

See more:

ReactJS

I tried using this codes. I am trying to retrieve data from Firebase Realtime Database and I want to display the data at material table.

What I have tried:

const [fireDBdata, setfireDBdataData] = useState({});

    useEffect(() => {
                fireDb.child("data/members").on("value", (snapshot) => {
                  if (snapshot.val() !== null) {
                    setfireDBdataData({ ...snapshot.val() });
                  } else {
                    setfireDBdataData({});
                  }
                });
            
                return () => {
                    setfireDBdataData({});
                };
              }, []);
    
    const columns = ["Name", "Title", "Location"];
     const data = [fireDBdata.name, fireDBdata.title, fireDBdata.location]
    
     <MUIDataTable
            title={"Member list"}
            data={data}
            columns={columns}
            options={options}
          />