App.js with useGlobalState - Managing Application state without Redux

App.js

import React from "react";
import { useGlobalState } from "./redux";
import reducer from "./reducer";
import ChildComponent from "./ChildComponent";
import "./App.scss";

const App = () => {
  const globalState = useGlobalState({ count: 0 }, reducer);
  return (
    <>
      <div className="app">
        <h2>Welcome to React!</h2>
        <h2>{globalState.count}</h2>
        <button type="button" onClick={() => globalState.dispatch({ type: "increment" })}>
          Click me to plus one!
        </button>
      </div>
      <ChildComponent />
    </>
  );
};

export default App;