import React from "react";
import {createGlobalState} from 'react-use'

const useGlobalValue = createGlobalState(0);

const CompA = () => {
  const [value, setValue] = useGlobalValue();
  return <button onClick={() => setValue(value + 1)}>+</button>;
};

const CompB = () => {
  const [value, setValue] = useGlobalValue();
  return <button onClick={() => setValue(value - 1)}>-</button>;
};

export default function App() {
  const [value] = useGlobalValue();
  return (
      <div>
        <p>{value}</p>
        <CompA />
        <CompB />
      </div>  
      );
}