Попытка настроить Jest для проекта ReactJs

Question

Создав приложение React, я получил следующий тест (app.test.jsx):

import React from 'react';
import ReactDOM from 'react-dom';
import { MemoryRouter } from 'react-router-dom';
import App from './App';

it('renders without crashing', async () => {
  const div = document.createElement('div');
  ReactDOM.render(
    <MemoryRouter>
      <App />
    </MemoryRouter>, div);
  await new Promise(resolve => setTimeout(resolve, 1000));
});

Я установил Jest, но когда я пытаюсь запустить тест, я получите следующую ошибку:

SyntaxError: C:\ .. \ClientApp\src\App.test.jsx: Unexpected token (9:4)

   7 |   const div = document.createElement('div');
   8 |   ReactDOM.render(
>  9 |     <MemoryRouter>
     |     ^
  10 |       <App />
  11 |     </MemoryRouter>, div);
  12 |   await new Promise(resolve => setTimeout(resolve, 1000));

  at Parser._raise (../../../../../../AppData/Roaming/npm/node_modules/jest-cli/node_modules/@babel/parser/src/parser/location.js:241:45)

Я полагаю, это актуально, но каталог src не не существует под @babel/parser.

Может ли кто-нибудь указать мне на правильное направление относительно того, в чем может быть проблема (или, если это связано с синтаксическим анализатором babel, как я могу правильно установить эту библиотеку)?

EDIT:

jest.config. js

module.exports = {
    verbose: true,
};