ReactのマニュアルにあるJestのテストでSyntaxErrorが出てしまいます

Question

発生しているエラー

SyntaxError: パス_tests_\hello.test.js: Unexpected token (23:11)

  21 | it("renders with or without a name", () => {
  22 |   act(() => {
> 23 |     render(<Hello />, container);
     |            ^
  24 |   });
  25 |   expect(container.textContent).toBe("Hey, stranger");
  26 |

マニュアルのテストです。

ソースコードは一度エラーが出てからはコピポしています。

import React from "react";

export default function Hello(props) {
  if (props.name) {
    return <h1>Hello, {props.name}!</h1>;
  } else {
    return <span>Hey, stranger</span>;
  }
}

import React from "react";
import { render, unmountComponentAtNode } from "react-dom";
import { act } from "react-dom/test-utils";

import Hello from "./hello";

let container = null;
beforeEach(() => {
  // setup a DOM element as a render target
  container = document.createElement("div");
  document.body.appendChild(container);
});

afterEach(() => {
  // cleanup on exiting
  unmountComponentAtNode(container);
  container.remove();
  container = null;
});

it("renders with or without a name", () => {
  act(() => {
    render(<Hello />, container);
  });
  expect(container.textContent).toBe("Hey, stranger");

  act(() => {
    render(<Hello name="Jenny" />, container);
  });
  expect(container.textContent).toBe("Hello, Jenny!");

  act(() => {
    render(<Hello name="Margaret" />, container);
  });
  expect(container.textContent).toBe("Hello, Margaret!");
});

二週間ほど前に一度Jestの勉強をしたのですが、その時は問題なく動作しました。
しかし新たにcreate-react-appでプロジェクトを開始し、Jestの勉強をもう一度しようとテストを試してみた所、エラーが発生しました。
Jestのバージョンは25.4.0です。

Answer 1

babel.config.jsを用意するといいそうです。

module.exports = {
presets: ["@babel/preset-env", "@babel/preset-typescript"]
};

これで一応テストが動きました。