Astro, React — дети — это не функция

У меня есть компонент React, в котором я возвращаю дочерние элементы как функцию и передаю данные. Я использую это на странице Astro.

Фу

type Props = {
  children: (name: string) => JSX.Element;
};

function Foo({ children }: Props) {
  return children("foo");
}

Применение

<Foo client:load>
  {(name: string) => <div>Hello from {name}</div>}
</Foo>

Я получаю эту ошибку при попытке так.

Uncaught TypeError: children is not a function

При использовании <Foo client:only> возникает та же ошибка.

При использовании этого компонента Foo с «простым» React все работает, как и ожидалось.