React TS Context Example

context.tsx

import { createContext, ReactNode, useContext, useState } from 'react';
import { Book } from 'types';
interface CartItem {
  book: Book;
  quantity: number;
}
interface CartContextType {
  cart: CartItem[];
}
const CartContext = createContext<CartContextType | undefined>(undefined);

function CartProvider({ children }: { children: ReactNode }) {
  const [cart, setCart] = useState<CartItem[]>([]);
  return;
  <CartContext.Provider value={{ cart }}>{children}</CartContext.Provider>;
}

export function useCart() {
  const context = useContext(CartContext);
  if (context === undefined) {
    throw new Error('useCart must be used within a CartProvider');
  }
  return context;
}