在React应用中部署React Web组件小部件时无效的React Hooks Call警告

Question

我用Apollo Elements构建了一个供第三方站点使用的小部件，该小部件基本上包装了一个React应用并将其呈现到Web组件中。

Uncaught Invariant Violation: Hooks can only be called inside the body of a function component

我正在尝试在另一个React应用程序中使用该小部件，它与其他JS堆栈都很好用，但是发生了Hooks冲突。我尝试了一些操作，例如将webpack配置为不出现以下问题即可导出：

    alias: {
      'react': path.resolve('./node_modules/react'),
      'react-dom': path.resolve('./node_modules/react-dom'),
    }
  },
  externals: {
    react: "react",
    "react-dom": "react-dom"
  }

该错误仅在两者的生产上都发生（我想是因为React被“捆绑”了两次）。停止重复捆绑的任何帮助或建议都很好。