fix: remove initialData to avoid page load issues

components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/Client.tsx

@@ -1,6 +1,7 @@
 "use client"
 
-import { useEffect, useState } from "react"
+import { keepPreviousData } from "@tanstack/react-query"
+import { useState } from "react"
 
 import { trpc } from "@/lib/trpc/client"
 
@@ -93,9 +94,6 @@ export default function TransactionTable({
 }) {
   const limit = 5
   const [page, setPage] = useState(1)
-  // const [currentTransactions, setCurrentTransactions] = useState<Transactions>(
-  //   []
-  // )
   const { data, isFetching, isLoading } =
     trpc.user.transaction.friendTransactions.useQuery(
       {
@@ -103,16 +101,12 @@ export default function TransactionTable({
         page,
       },
       {
-        initialData: initialJourneyTransactions,
+        // TODO: fix the initial data issues on page load
+        // initialData: initialJourneyTransactions,
+        placeholderData: keepPreviousData,
       }
     )
 
-  // useEffect(() => {
-  //   if (data?.data.transactions) {
-  //     setCurrentTransactions(data.data.transactions)
-  //   }
-  // }, [data?.data.transactions])
-  // const totalPages = data?.meta.totalPages || 0
   return isLoading ? (
     <LoadingSpinner />
   ) : (

components/MyPages/Blocks/Points/EarnAndBurn/JourneyTable/index.tsx

@@ -8,7 +8,7 @@ export default async function JourneyTable() {
       page: 1,
       limit: 5,
     })
-  if (!initialJourneyTransactions?.data.transactions.length) {
+  if (!initialJourneyTransactions?.data) {
     return null
   }