我正在尝试从 firebase 数据库检索数据，但收到标题中提到的错误。

我正在尝试从 AddMember.js 组件（有效）向 firebase 添加新成员。

现在，我试图在仪表板加载到 MembersTable.js 组件时检索数据。

我理解您无法映射到对象，但我这里是否遗漏了什么，我该如何解决这个问题？

下面是我的代码和我正在尝试读取的数据的屏幕截图。

MembersTable.js

const [loading, setLoading] = useState(true);


const [userMembers, setUserMembers] = useState([]);

  useEffect(() => {
    onAuthStateChanged(auth, (user) => {
      console.log(`Welcome to your dashboard.. ${user.uid}`);

  // get the data from firebase
  const getData = () => {
    const dbRef = ref(database, `users/${user.uid}/`);
    onValue(dbRef, (snapshot) => {
      const data = snapshot.val();

      var userMembers = data.members;
      console.log(userMembers);

      setUserMembers({ userMembers });
      setLoading(false);
    });
  };
  getData();
});
  }, []);

AddMember.js

const writeMemberToDatabase = (member) => {
const currentUser = auth.currentUser.uid;
const uniqueKey = uuidv4();
const newkey = "hey";

set(child(dbRef, `users/${currentUser}/members/${newkey}`), member)
  .then(() => {
    console.log(`updated ${currentUser}...`);
    setToggle(false);
    setMemberDetails([]);
  })
  .catch((error) => {
    console.log("Error adding member to database: ", error);
      });
  };



 const submitForm = (e) => {
    e.preventDefault();
    console.log("submitted user...");
const member = [
  {
    membername: memberName,
    memberemail: memberEmail,
    membershipprice: membershipPrice,
  },
];

writeMemberToDatabase(member);
setMemberDetails([...memberDetails, member]);

console.log(auth.currentUser);
  };

请查看我的数据库的附加图片