Importing jsons from Firestore

Hello all, 

I've been developing a vite-react app that utilizes flexmonster and in this app I'm able to save the data from the table as a josn to my app's Firestore. But I'm having an inssue importing the same data back into the flexmonster's table. here's the function for it:

  // ================== Function to Fetch from Firestore
  const fetchTableData = async () => {
    const docRef = doc(
      db,
      "userID-001",
      "views",
      "viewID-001",
      "page-table-001"
    );

    try {
      const docSnap = await getDoc(docRef);
      if (docSnap.exists()) {
        console.log("Table data fetched:", docSnap.data());
        setTableData(docSnap.data().data);
      } else {
        console.log("No such document!");
      }
    } catch (error) {
      console.error("Error fetching table data:", error);
    }
  };
please note that I see the data coming in the console log but nothing is showing up in the table itself! I appreciate the help.