CountContextProvider.js

const CountContext = React.createContext(null);
const CountContextProvider = ({ children }) => {
  const [count, setCount] = React.useState(0);
  return (
    <CountContext.Provider value={{ count, setCount }}>
      <GrandParent>{children}</GrandParent>
    </CountContext.Provider>
  );
};