无法将stenciljs组件集成到React应用程序中

Question

我正在尝试集成使用StencilJS构建的Web组件，但是出现以下错误。

Uncaught (in promise) TypeError: Cannot read property 'isProxied' of undefined
    at initializeComponent

ReactJS，index.js文件=>

import {defineCustomElements} from 'my-modal/loader';
defineCustomElements(window);

StencilJS组件：

import { Component, Prop, h } from '@stencil/core';

@Component({
  tag: 'my-component',
  styleUrl: 'my-component.css',
  shadow: true
})
export class MyComponent {
  @Prop() first: string;

  render() {
    return <div>Hello, World! I'm {this.first} <hr />
    </div>;
  }
}

有什么想法吗？ ：）