Как вызвать событие нажатия React с веб-компонентом

Question

Я рендерил ReactComponent с WebComponent, но событие щелчка компонента не запускается

Есть ли способ вызвать события ReactComponent, представленные WebComponent?

Простой компонент React

const event = () => {
  console.log('aaaaaa');
}

export const Component = ({message}) => {
  return (
    <button type={'button'} onClick={event}> {message} </button>
  ) 
};

Назовите это в рендеринге WebComponent

export class ConfirmButton extends HTMLElement {
  connectedCallback() {
    const parent = document.createElement('div');
    const message = this.getAttribute('message');
    this.attachShadow({ mode: 'open' }).appendChild(parent);

    ReactDOM.render(<Component message={message} />, parent);
  }
}

По предположению, "aaaa" должно отображаться на консоли при нажатии кнопки.

Однако результаты не отображаются ...