reactjs - Jest で WithRouter をモックする

Question

以下の簡単な例があり、withRouter のモック実装を変更しようとしています。残念ながら、これは期待どおりに機能していないようです。2 番目のモック実装はまったく呼び出されません。

成分

import { withRouter } from 'next/router';

const PaymentChange = ({ router }) => {
  console.log(router);
  return <></>;
};

export default withRouter(PaymentChange);

テストファイル

import { render } from '@testing-library/react';
import { withRouter } from 'next/router';
import PaymentChange from './PaymentChange';
import '@testing-library/jest-dom/extend-expect';

jest.mock('next/router', () => ({
  withRouter: jest.fn().mockImplementation((component) => {
    component.defaultProps = {
      ...component.defaultProps,
      router: { pathname: 'mocked-path' }
    };
    return component;
  })
}));

describe('<PaymentChange />', () => {
  it('Should not render modal when retargetModal', () => {
    withRouter.mockImplementation((component) => {
      component.defaultProps = {
        ...component.defaultProps,
        router: { pathname: 'mocked-pathasdasd' }
      };
      return component;
    });

    render(<PaymentChange />);
  });
});

出力

{ pathname: 'mocked-path' }