reactjs - Odottamaton merkki < shallow-tilassa React TypeScriptissä


Käytän Reactia + Typescriptiä + Jestia, olen tehnyt alkuasetukset, mutta kun yritän suorittaa testin, saan seuraavan virheen:

 const component = enzyme_1.shallow(<Dummy_1.default />).contains(<h1>Hello</h1>);
                                           ^

    SyntaxError: Unexpected token <

Package.json

"jest": {
    "setupFiles": [
      "<rootDir>/tests/setup/test-shim.js",
      "<rootDir>/tests/setup/test-setup.js"
    ],
    "moduleFileExtensions": [
      "ts",
      "tsx",
      "js"
    ],
    "transform": {
      "^.+\\.(ts|tsx)$": "ts-jest"
    },
    "testMatch": [
      "**/tests/*.(ts|tsx|js)"
    ]
  },

Testitiedosto:

import React from 'react';
import { shallow } from 'enzyme';

import Dummy from '../src/Dummy';

it('renders dummy page', () => {
  const component = shallow(<Dummy />).contains(<h1>Hello</h1>);
  expect(component).toBeTruthy();
});

Olen yrittänyt lisätä esiasetuksen jestissä, mutta sain vain saman virheen. En ole asentanut babelrc-tiedostoa, pitääkö minun asentaa se? Olen luonut sovelluksen käyttäen create-react-appia.