// 1. Register middleware
import { createMiddleware, useActionListener } from 'react-action-listener';

export const store = createStore(
  reduce,
  {},
  applyMiddleware(createMiddleware())
);

const onClickPlus = () => {
  // When button is clicked an action 'ADD' is dispatched.
  dispatch({ type: 'ADD', payload: 1 });
};

// 2. use hook
useActionListener('ADD', (dispatch, action) => {
  // Now you can listen 'ADD' when button is pressed.
  // {"type":"ADD","payload":1}
  console.log(`${JSON.stringify(action)}`);
});

return <button onClick={onClickPlus}>add</button>;