ComponentA.js

import React, { useContext } from "react";
import { CountContext } from "../App";

function ComponentA() {
  const countContext = useContext(CountContext);
  return (
    <div>
      Home page cart:{countContext.countState}
      <button onClick={() => countContext.countDispatch("increment")}>
        Add Item
      </button>
      <button onClick={() => countContext.countDispatch("decrement")}>
        Remove Item
      </button>
      <button onClick={() => countContext.countDispatch("reset")}>Clear</button>
    </div>
  );
}

export default ComponentA;