Refetch cart on page load

Author: Daniel Fjeldstad

components/Cart/CartPage/CartItemsContainer.component.jsx

@@ -1,6 +1,6 @@
 import Link from 'next/link';
 import { v4 as uuidv4 } from 'uuid';
-import { useContext, useState } from 'react';
+import { useContext, useState, useEffect } from 'react';
 import { useQuery, useMutation } from '@apollo/client';
 
 import { AppContext } from 'utils/context/AppContext';
@@ -72,6 +72,10 @@ const CartItemsContainer = () => {
     }
   };
 
+  useEffect(() => {
+    refetch();
+  }, []);
+
   return (
     <>
       <section className="py-8 bg-white">

components/Checkout/CheckoutForm.component.jsx

@@ -58,6 +58,10 @@ const CheckoutForm = () => {
     }
   }, [orderData]);
 
+  useEffect(() => {
+    refetch();
+  }, []);
+
   const onSubmit = (submitData) => {
     const checkOutData = createCheckoutData(submitData);
     setOrderData(checkOutData);