React Entities example - CounterView component

CounterView.js

import React, { useCallback } from 'react';

import { useCounter } from './entities';

const CounterView = () => {
  const [counter, { increment, decrement }] = useCounter();

  const handleClickIncrement = useCallback(() => increment(), []);
  const handleClickDecrement = useCallback(() => decrement(), []);

  return (
    <div>{counter.value}</div>
    <button onClick={handleClickIncrement}>Increment</button>
    <button onClick={handleClickDecrement}>Decrement</button>
  )
};