import React, { useDispatch } from 'reactn'; // <-- reactn
 
const incrementReducer = (global, dispatch, action) => ({
  count: global.count + action.amount,
});
 
const decrementReducer = (global, dispatch, action) => ({
  count: global.count - action.amount,
});
 
const MyComponent = () => {
  const increment = useDispatch(incrementReducer);
  const decrement = useDispatch(decrementReducer);
 
  return (
    <div>
      <button onClick={() => increment({ amount: 1 })}>Add 1</button>
      <button onClick={() => increment({ amount: 3 })}>Add 3</button>
      <button onClick={() => decrement({ amount: 5 })}>Subtract 5</button>
    </div>
  );
};
 
export default MyComponent;