Testing Library renderWithRouter helper function Typescript

renderWithRouter.tsx

import { render, RenderResult } from '@testing-library/react';
import { createMemoryHistory, MemoryHistory } from 'history';
import { ReactElement } from 'react';
import { Router } from 'react-router-dom';

type RenderWithRouterProps = {
  route?: string;
  history?: MemoryHistory;
};

export const renderWithRouter = (
  component: ReactElement,
  { route = '/', history = createMemoryHistory({ initialEntries: [route] }) }: RenderWithRouterProps = {}
): RenderResult & { history: MemoryHistory } => {
  const Wrapper: React.FC = ({ children }) => <Router history={history}>{children}</Router>;

  const renderResult = render(component, { wrapper: Wrapper });

  return { ...renderResult, history };
};