import React from "react";
import ReactDOM from "react-dom";
import { createStore, useStore } from "react-hookstore";

createStore("counter", 0);

export function Counter() {
  const [state, setState] = useStore("counter");

  return (
    <div>
      <h2>Count: {state}</h2>
      <button type="button" onClick={() => setState(state + 1)}>Inc</button>
      <button type="button" onClick={() => setState(state - 1)}>Dec</button>
    </div>
  );
}
ReactDOM.render(
  <React.Fragment>
    <Counter />
  </React.Fragment>,
  document.querySelector("#root")
);