Как я могу вызвать класс Extjs из функционального компонента ReactJS

Question

У меня есть класс Extjs и функциональный компонент React (com.retail.MyContainer), Ext.define ("ItemTypeSelector").У меня есть требование вызвать весь класс com.retail.MyContainer из ItemTypeSelector, поэтому он создаст ReactElement.Есть ли способ сделать это в ReactJS?Я попытался импортировать com.retail.MyContainer в ItemTypeSelector, но он не мог работать

Это мой класс ExtJS.

 Ext.define('com.retail.MyContainer', function () {
    return {
        extend: 'com.retail.myproject.ReactToSencha',
        requires: ['com.retail.myproject.ReactToSencha'],
        xtype: 'MyContainer-viewer',
        componentCls: 'MyContainer-viewer',

        createReactElement: function(props) {
            return React.createElement(SenchaImports.RetailApp.viewerComponent, Object.assign({}, props, {
                myTable: { name: 'container' },
                myType: 'section'}
            }));
        }
    };
});

Мой компонент реагирования

 export default function ItemTypeSelector(ItemType){

    ItemTypeSelector.propTypes = {
        ItemType: PropTypes.string
    };


    return (
        <Row className='align-items-center'>
             <div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
  <a href="#">Link 1</a>
  <a href="#">Link 2</a>
  <a href="#">Link 3</a>
  </div>
</div>
        </Row>
    );

}

на самом деле я много искал, нашел, что sencha - это способ использовать его, но он требует установки какого-то компонента в текущем проекте. Есть ли другой способ вызвать класс extjs из React JS без установки какой-либо библиотеки?