How to mock useDispatch in Jest

example code from https://github.com/sidecus/roth.js/blob/master/src/hooks.test.tsx

import { createActionCreator, useBoundActions } from './index';
import { renderHook } from '@testing-library/react-hooks';
import { useDispatch } from 'react-redux';
import { AnyAction } from 'redux';

jest.mock('react-redux', () => ({
  ...jest.requireActual('react-redux'),
  useDispatch: jest.fn()
}));

const useDispatchMock = useDispatch as jest.Mock;

// Define this at global scope.
// useBoundActions uses memoization and function scoped param
// will defeat memoization.
const actionCreators = {
  numberAction: createActionCreator<number>('numberaction'),
  stringAction: createActionCreator<string>('stringaction'),
  voidAction: createActionCreator('voidaction')
};

describe('useBoundActions behaviors', () => {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const dispatchResultRecorder = {} as any;
  const fakeDispatch = (action: AnyAction) => {
    let payload = action.payload;
    if (payload === undefined) {
      payload = 'void';
    }
    dispatchResultRecorder[action.type] = payload;
  };

  useDispatchMock.mockImplementation(() => fakeDispatch);

  it('Glues dispatch and action creators', () => {
    useDispatchMock.mockClear();
    const { result } = renderHook(() => useBoundActions(actionCreators));

    expect(result.error).toBeUndefined();
    expect(useDispatchMock).toHaveBeenCalledTimes(1);

    const { numberAction, stringAction, voidAction } = result.current;
    numberAction(3);
    expect(dispatchResultRecorder.numberaction).toBe(3);
    stringAction('blabla');
    expect(dispatchResultRecorder.stringaction).toBe('blabla');
    voidAction();
    expect(dispatchResultRecorder.voidaction).toBe('void');
  });

  it('useBoundAction memoizes behavior', () => {
    useDispatchMock.mockClear();

    const { result, rerender } = renderHook(() => useBoundActions(actionCreators));
    expect(result.error).toBeUndefined();
    expect(useDispatchMock).toHaveBeenCalledTimes(1);

    const { numberAction, stringAction, voidAction } = result.current;

    // rerender, it'll invoke useBoundActions again.
    rerender();

    // verify the same results are returned since neither actionCreators nor dispatch have been changed
    expect(result.error).toBeUndefined();
    expect(useDispatchMock).toHaveBeenCalledTimes(2);
    expect(result.current.numberAction).toBe(numberAction);
    expect(result.current.stringAction).toBe(stringAction);
    expect(result.current.voidAction).toBe(voidAction);
  });
});