خطأ Uncaught SyntaxError: Unexpected token 'u',is not valid JSON

في مكون  CartContext.jsx هنا:

return savedCart ? JSON.parse(savedCart) : []

المشكلة في JSON.parse() حيث تقرأ قيمة ليست بصيغة JSON، وتلك  القيمة تبدأ بحرف u، وغالبًا هي كلمة undefined.

تفقد القيم التي في localStorage وسبب المشكلة في الحفظ، أو قم بمعالجة الأخطاء الواردة أثناء جلب تلك القيمة بإرجاع مصفوفة فارغة:

const [cartItems, setCartItems] = useState(() => {
  try {
    const savedCart = localStorage.getItem('cartItems');
    return savedCart ? JSON.parse(savedCart) : [];
  } catch (error) {
    console.error("Failed to parse cart items from localStorage", error);
    return [];
  }
});