为什么 import 一个库后，就 syntax error, unexpected token 'export' 了？

nodejs, react, typescript

node v14.7.0
react 17.0
jest 26.6.3

这是一个测试，主要用来测试入口文件的。 我不清楚为什么写这个测试，都是 legacy （几年前的，写的人也走了）的代码。
也不太好删除，否则，得去“解释”为什么把这个测试删除。（大家都懂的）

我的理解，这个测试主要就是，看看能否正常把 index module 给 load 进来，不出错就行。

describe("tests", () => { describe("bootstraping the app", () => { it("test react render method", () => { const app = document.createElement("div"); app.setAttribute("id", "app"); document.body.appendChild(app); const bootStrapper = () => { require("../index"); }; expect(bootStrapper).not.toThrowError(); document.body.removeChild(app); }); }); }); 

然后，index.tsx 文件，就是我们程序的入口文件，引用 react，然后 render app.

import * as React from "react"; ... blabla 

现在，有新的需要，我添加了 一个 import

import * as React from "react"; import { Inspector } from "react-dev-inspector"; <inspector> <app /> </inspector> 

用这个 wrap 原来的 app.

项目都能够正常编译，运行。所有的功能使用下来都正常。但就是上面这个测试跑不过。
提示出错的位置，就是那个 import 语句那里。

 expect(received).not.toThrowError() Error name: "SyntaxError" Error message: "Unexpected token 'export'" 

不是很清楚，是 module 导出有问题，还是 import 有问题。
google 了半天，没有找到类似问题或者合适的答案。

特来请教一下。 谢谢

p.s. https://stackoverflow.com/questions/38296667/getting-unexpected-token-export