usePush hook provides functions for dispatching push action directly or creating a callback.

usePush.ts

import { push } from 'connected-react-router';
import { useCallback } from 'react';
import { useDispatch } from 'react-redux';

export default () => {
  const dispatch = useDispatch();
  const action = useCallback((path: string) => dispatch(push(path)), [dispatch]);
  const handleAction = useCallback((path: string) => () => action(path), [action]);

  return {
    push: action,
    handlePush: handleAction,
  };
};