MyContextProvider by AI

MyContextProvider.tsx

import React, { createContext, useContext, useMemo } from "react";

interface MyContextProps {
  param1: string;
  param2: number;
  children: React.ReactNode; // Add children property to the interface
}

const MyContext = createContext<MyContextProps | undefined>(undefined);

const MyContextProvider: React.FC<MyContextProps> = ({
  param1,
  param2,
  children, // Add children to the destructured props
}) => (
  <MyContext.Provider
    value={useMemo(
      () => ({ param1, param2, children }),
      [param1, param2, children]
    )}
  >
    {children}
  </MyContext.Provider>
);

const useMyContext = () => {
  const context = useContext(MyContext);
  if (!context) {
    throw new Error("useMyContext must be used within a MyContextProvider");
  }
  return context;
};

export { MyContextProvider, useMyContext };