Node.js 带有React组件的本地npm包中出错

我在本地构建了一个NPM包，并使用

NPM I path/to/package.tgz安装了它，但它显示了一个错误，即导出包时出现问题，并且显示了
未定义的

该包只有一个
index.js
文件，其中包含一个默认导出的React component

import React from 'react';
import './style.css';

const MyComponent = ({vidSrc, muted, autoPlay, loop, opacity, backgroundColor, children}) => {
  return(
    <section id='main'>
      <div className="m-container">
        <video className="video" autoPlay={autoPlay} muted={muted} loop={loop}>
          <source type="video/mp4" src={vidSrc} />
        </video>
        <div className="m-overlay" style={{
          opacity,
          backgroundColor
        }}></div>
        <div className="m-text">
          {children}
        </div>
      </div>
    </section>
  )
}

export default MyComponent;

从“React”导入React；
导入“/style.css”；
const MyComponent=（{vidSrc，静音，自动播放，循环，不透明度，背景色，子对象}）=>{
返回(
{儿童}
)
}
导出默认MyComponent；

当我使用
npm pack
打包组件并将其安装在同一台机器的另一个项目中时，它会给出错误：

错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：object。

我在互联网上搜索了这个错误，并在Stack Overflow上找到了类似的帖子，建议将导入放在花括号
{MyComponent}
和其他一些地方，但没有一个有效