useActions: custom React hook

_ use-actions.js

import React from 'react';

const useActions = (actions, initialState) => {
  const [state, setState] = React.useState(initialState);
  const functions = Object.entries(actions).reduce(
    (accumulator, [name, action]) => ({
      ...accumulator,
      [name]: () => setState(action)
    }),
    {}
  );

  return [state, functions, setState];
};

export default useActions;

counter.jsx

// Example usage

const actions = {
  add: count => count + 1,
  subtract: count => count - 1,
};

const Counter = () => {
  const [count, { add, subtract }, setCount] = useActions(actions, 0);

  return (
    <div>
      <button onClick={add}> + </button>
      <button onClick={subtract}> - </button>
      <button onClick={() => setCount(0)}> Reset </button>
      {count}
    </div>
  );
}