diff --git a/src/Pages/Cart.jsx b/src/Pages/Cart.jsx
index ceee2970..76802e06 100644
--- a/src/Pages/Cart.jsx
+++ b/src/Pages/Cart.jsx
@@ -1,7 +1,7 @@
-import { useEffect, useState } from "react";
+import { useEffect, useState, useCallback } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import BgImg from "../assets/CartBg.png";
-import { getLocalStoragedata } from "../helpers/Storage.js"; 
+import { getLocalStoragedata } from "../helpers/Storage.js";
 import { placeOrderService } from "../services/orderService";
 
 const formatCurrency = (n) => `$${n.toFixed(2)}`;
@@ -15,7 +15,7 @@ export default function Cart() {
   const navigate = useNavigate();
   const serviceURL = process.env.REACT_APP_API_URL;
 
-  const fetchCart = async () => {
+  const fetchCart = useCallback(async () => {
     setLoading(true);
     try {
       const token = getLocalStoragedata("token");
@@ -29,12 +29,13 @@ export default function Cart() {
       console.error(error);
     }
     setLoading(false);
-  };
+  }, [serviceURL]); // dependencies go here
 
   useEffect(() => {
     fetchCart();
   }, [fetchCart]);
 
+
   // Update quantity
   const setQty = async (itemId, quantity) => {
     try {