Вызов компонента React - как функции

Question

Я использую quokka и хочу запустить реагирующий компонент изнутри.

      I have a simple button


import React, { MouseEvent } from 'react';
type Props = {
  text: string
};

export const Button = ({ text }: Props) => {
  return <button> {text} </button>;
};

Button('hello') /*?*/ what goes in here?

Я вызываю это как обычную функцию, но пытаюсь выяснить, как передать реквизиты?

Значение указанного выше элемента

      { '$$typeof': Symbol(react.element),
  type: 'button',
  key: null,
  ref: null,
  props: { children: [ ' ', undefined, ' ' ] },
  _owner: null,
  _store: {} }