Jest 在使用 React TypeScript 时遇到意外标记

在使用React TypeScript进行单元测试时，我遇到了一些令人困惑的问题。具体来说，我使用了Jest作为测试框架，但在运行测试时遇到了意外的标记。在经过一番研究和调试之后，我终于找到了解决方案，并在本文中与大家分享。

typescript
import React from 'react';
import { render, fireEvent } from '@testing-library/react';
import ButtonComponent from './ButtonComponent';
describe('ButtonComponent', () => {
  it('should trigger onClick event', () => {
    const onClick = jest.fn();
    const { getByText } = render(
      Click me
    );
    fireEvent.click(getByText('Click me'));
    expect(onClick).toHaveBeenCalled();
  });
});

SyntaxError: Unexpected token 'export'

typescript
export default function ButtonComponent(props: ButtonProps) {
  // ...
}

typescript
import ButtonComponent from './ButtonComponent';