Проблема разбора JSX с JEST Framework

Question

Я хотел бы протестировать файл js с JEST, который включает некоторые функции, возвращающие jsx.

Ошибка вызывается в операторе возврата этой функции:

export const my_func = (entries) => {
    return entries.map(entry => <div value={entry}> {entry} </div>)
}

Я получаю следующую ошибку:

 SyntaxError: /routes/my-app/helper-functions.js: Unexpected token (304:45)

 at Parser.raise (node_modules/@babel/parser/lib/index.js:6344:17)
      at Parser.unexpected (node_modules/@babel/parser/lib/index.js:7659:16)
      at Parser.parseExprAtom (node_modules/@babel/parser/lib/index.js:8828:20)
      at Parser.parseExprSubscripts (node_modules/@babel/parser/lib/index.js:8413:23)
      at Parser.parseMaybeUnary (node_modules/@babel/parser/lib/index.js:8393:21)
      at Parser.parseExprOps (node_modules/@babel/parser/lib/index.js:8280:23)
      at Parser.parseMaybeConditional (node_modules/@babel/parser/lib/index.js:8253:23)
      at Parser.parseMaybeAssign (node_modules/@babel/parser/lib/index.js:8200:21)
      at Parser.parseFunctionBody (node_modules/@babel/parser/lib/index.js:9390:24)
      at Parser.parseArrowExpression (node_modules/@babel/parser/lib/index.js:9349:10)

Я настроил конфигурацию babel в - babel.config.js

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        targets: {
          node: 'current',
        },
      },
    ],
  ],
};

Внутри моего пакета. У меня есть:

"scripts":{
    "test":"jest"
}

Тестовый код и инструкция по импорту ниже:

import {sum} from '../routes/my-app/helper-functions';

test('adds 1 + 2 to equal 3', () => {
    expect(sum(1,2)).toBe(3);
});

Я запускаю свои тесты, используя команду yarn test в терминале.

Чего мне не хватает в конфигурации, чтобы правильно импортировать этот файл?