将D3.js7.0.0与Next.js11.0.1一起使用时，如何解决“[ERR_REQUIRE_ESM]：必须使用导入加载ES模块”的问题？

尝试将 D3 与 Next.js 一起使用时，在将 D3.js v7.0.0 与 Next.js v11.0.1 一起使用时，我无法克服此错误：

[ERR_REQUIRE_ESM]：必须使用import来加载ES模块

• 我试过next-transpile-modules没有运气
• 我有 D3.js v7.0.0 可以使用，create-react-app但我需要 D3 与 Next.js v11.0.1 一起使用

我使用npm i d3. 我用import * as d3 from "d3". 使用 Node v15.8.0 和 React v17.0.2