App.js

import React from "react";
import { Store } from "./store";
import Count from "./Count";

//don't connect to store
const App = () => {
    const {actions} = Store
    return (
       <div>
         <Count />
         <button 
           type="button" 
           onClick={() => actions.increase()}
           >
           +1 to counter
         </button>
         <button 
           type="button" 
           onClick={() => actions.decrease()}
           >
           -1 to counter
         </button>
       </div>
     );
   };
export default App

Count.js

import React from "react";
import { useGlobal } from "./store";

// connected to store
const Count = () => {
  const [state, actions] = useGlobal(["counter"]);
  return (
    <p>
      counter:
      {state.counter}
    </p>
  );
};
export default Count;