AddButton.jsx

import { useActions } from "./useActions";

const AddButton = () => {
  const { addCount } = useActions();

  const onClick = () => {
    addCount();
  };

  return <button onClick={onClick}>+1</button>;
};

export default AddButton;

useAction.js

import { useDispatch } from "react-redux";
import { bindActionCreators } from "redux";
import { actionCreators } from "./action-creators";

export const useActions = () => {
  const dispatch = useDispatch();

  return bindActionCreators(actionCreators, dispatch);
};