export const CountContext = createContext();

const App = () => {
  const [count, setCount] = useState(0);
  const classes = useStyles();

  return (
    <div className="App">
      <CountContext.Provider value={[count, setCount]}>
        <Typography variant="h1" className={classes.root}>
          Context Counter
        </Typography>
        <Counter />
      </CountContext.Provider>
    </div>
  );
};
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);