Javascript 反应选择错误未捕获错误：元素类型无效

我试图将react select包含到我的项目中，但每当我使用select组件时，我都会收到此警告，然后出现错误：

警告：React.createElement:类型无效-内置组件应为字符串，复合组件应为类/函数，但Get:object

未捕获错误：元素类型无效：内置组件应为字符串，复合组件应为类/函数，但得到：对象

我用这个来测试它：

import Select from 'react-select';
...
const options = [
            { value: 'chocolate', label: 'Chocolate' },
            { value: 'strawberry', label: 'Strawberry' },
            { value: 'vanilla', label: 'Vanilla' },
      ];
<Select options={options} value={options[0]} />

安装它。Webpack没有抱怨任何事情-我只是在呈现组件时在JS控制台中得到错误

在package.json中：

"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-select": "^3.1.0",

---

我通过将导入组件的文件扩展名从.mjs更改为.js解决了这个问题

你能在这里重现这个问题吗？@UKS抱歉预览是空白的实际上codesandbox在Chrome中可以工作。但在我的项目中，它不能使用相同的包版本

"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-select": "^3.1.0",