Как смоделировать функцию, которая вызывает API

У меня есть компонент с кнопкой, которая запускает функцию и выполняет вызов API.

// MainPage.tsx
exṕort const MainPage: FC () = () => {
const [hasApiError, setHasApiError] = useState<boolean>(false)

if (hasApiError){
  <ErrorPage/>
}

  return <PageWithForm submitHandler=submitHandler(setHasApiError)>
}

// PageWithForm/PageWithFormServices.tsx
export const submitHandler = 
  (
  setHasApiError: Dispatch<SetStateAction<boolean>>
  ): SubmitHandler<FormData> => async (data: FormData) => {
    try {
      const response = await callApiAndSendForm(data)
      // calls another function ...
    }catch(error){
      setHasApiError(true)
    }
  }

// services/callApiAndSendForm.ts
export const callApiAndSendForm = async (data: FormData): Promise<ResponsesFromApi> =>
  fetch('/api/...', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  }).then((res) => res.json())

Я хотел бы иметь возможность проверить, правильно ли отображается компонент ErrorPage, если вызов API, submitHandler или что-либо еще делает hasApiError = true. Я не хочу напрямую издеваться над setHasApiError внутри компонента.

Я попытался пошутить над callApiAndSendForm, выполнив:

const callApiAndSendFormMock = callApiAndSendForm as jest.Mock

// ... function to renderMainPage

it('should render ErrorPage if api call fails', async () => {
  callApiAndSendFormMock.mockRejectedValue('error')
  const { getById } = renderMainPage()  
  expect(getById('error-page').toBeVisible())

})

но он возвращается TypeError: callApiAndSendForm.mockRejectedValue is not a function

Кто-нибудь может мне помочь?