Как передать дочерние элементы маршрута в корневое приложение в SolidJS в машинописном тексте?

Я пытаюсь понять, как передать элементы маршрута в корневой элемент машинописного текста. Сейчас я использую "@solidjs/router": "^0.13.6". Вот демонстрация того, чего я хочу достичь. Я хочу выполнить маршрутизацию на основе конфигурации для своего проекта.

export const routes: RouteDefinition[] = [
  {
    path: '/',
    component: Home,
  },
]

const App: Component = (children: JSX.Element) => {
  return (
    <>
      <Navbar />
      <main>
        {children}
      </main>
      <Footer />
    </>
  );
}


render(
  () => (
    <Router root = {App}>
      {routes}
    </Router>
  ),
  root,
);

Это дает мне ошибки типа. Я понятия не имею, какие типы использовать и правильна ли вообще моя структура. App выдает мне эту ошибку:

Type '(children: JSX.Element) => JSX.Element' is not assignable to type 'Component'.
  Types of parameters 'children' and 'props' are incompatible.
    Type '{}' is not assignable to type 'Element'.

{children} выдает мне эту ошибку:

Property 'children' does not exist on type 'JSX.IntrinsicElements'