sample-react-global-hook.js

import React from "react";
import { createStore, createHook } from "react-global-hook";

const initialState = {
  counter: 0
};

const actions = ({ setState, getState }) => ({
  addToCounter(amount) {
    const { counter } = getState()
    setState({ counter: counter + amount });
  },
});

const Store = createStore(initialState, actions);

const useStore = createHook(Store)

const App = () => {
 const [state, actions] = useStore(["counter"]);
 return (
    <div>
      <p>
        counter:
        {state.counter}
      </p>
      <button 
        type="button" 
        onClick={() => actions.addToCounter(1)}
        >
        +1 to counter
      </button>
    </div>
  );
};

export default App;