Компонент Transpile класса reactjs

Question

Я использую babel + webpack для переноса кода. Некоторые коды передаются как функции стрелок, а другие - как классы, которые должны быть преобразованы.

Следующий код не передается:

import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  import './index.css';

   class Webcomponentone extends HTMLElement {
     attachedCallback() {
       ReactDOM.render(<App />, this.createShadowRoot());
     }
   }
   document.registerElement('microfrontends-webcomponentone', Webcomponentone);

Как передать компонент класса reactjs с Бабелем и пачкой?