Восстановление ссылки на компонент из реакции JSX.Element

У меня есть метод в классе:

class Foo {
    getElement : JSX.element () {
        return <Component ref = {React.createRef()} />
    }
}

Как и в обычном коде React.js (без машинописного текста), я хотел бы получить сам компонент, например:

const foo = new Foo();
const component = foo.getElement().ref.current;

Однако класс JSX.Element имеет только свойства key, props и type.

Как получить компонент в машинописном тексте?

Я застрял на некоторое время на этом, как:

• Во-первых, у getElement был возвращаемый тип Component, но я не понимал, что на самом деле возвращает элемент.
• После того, как я понял, что Element был возвращен, посмотрев на возвращаемый тип , я использовал общий класс Element.
• Я дошел до точки выше, когда он наконец-то возвращается правильно, но у него есть все свойства, которые мне нужны, кроме ref.