src/components/transactionDetails/LoanChargeDetails.jsx

@@ -14,7 +14,7 @@ export default function LoanChargeDetails({transactionID}) {
     const [page, setPage] = useState(1)
 
     const {data, isFetching, isError, error} = useQuery({
-        queryKey: [...queryKeys.loan_charges, page],
+        queryKey: [...queryKeys.loan_charges, page, transactionID],
         queryFn: () => getLoanCharges({transaction_id: transactionID, page}),
         staleTime: 0,
         // placeholderData: keepPreviousData,

src/components/transactionDetails/LoanDetails.jsx

@@ -14,7 +14,7 @@ import { initiateDisburseRetrials } from "../../services/siteEventService"
 export default function LoanDetails({transactionID}) {
 
     const {data: allLoans, isFetching, isError, error} = useQuery({
-        queryKey: queryKeys.loans,
+        queryKey: [...queryKeys.loans, transactionID],
         queryFn: () => getLoans({transaction_id: transactionID})
     })
 

src/components/transactionDetails/RepaymentScheduleDetails.jsx

@@ -14,7 +14,7 @@ export default function RepaymentScheduleDetails({transactionID}) {
     const [page, setPage] = useState(1)
 
     const {data, isFetching, isError, error} = useQuery({
-        queryKey: [...queryKeys.repayment_schedule, page],
+        queryKey: [...queryKeys.repayment_schedule, page, transactionID],
         queryFn: () => getRepaymentSchedule({transaction_id: transactionID, page}),
         staleTime: 0,
         // placeholderData: keepPreviousData,

src/components/transactionDetails/TransactionDetails.jsx

@@ -15,7 +15,7 @@ export default function TransactionDetails({transactionID}) {
     const [page, setPage] = useState(1)
 
     const {data, isFetching, isError, error} = useQuery({
-        queryKey: [...queryKeys.transactions, page],
+        queryKey: [...queryKeys.transactions, page, transactionID],
         queryFn: () => getTransactions({transaction_id: transactionID, page}),
         staleTime: 0,
         // placeholderData: keepPreviousData,