Eu tenho um componente funcional muito simples como segue:
import * as React from 'react';
export interface AuxProps {
children: React.ReactNode
}
const aux = (props: AuxProps) => props.children;
export default aux;
E outro componente:
import * as React from "react";
export interface LayoutProps {
children: React.ReactNode
}
const layout = (props: LayoutProps) => (
<Aux>
<div>Toolbar, SideDrawer, Backdrop</div>
<main>
{props.children}
</main>
<Aux/>
);
export default layout;
Continuo recebendo o seguinte erro:
[ts] Tipo de elemento JSX 'ReactNode' não é uma função de construtor para elementos JSX. O tipo 'undefined' não pode ser atribuído ao tipo 'ElementClass'. [2605]
Como faço para digitar isso corretamente?
JSX.Element
não é bom o suficiente, pois um filho React válido pode ser uma string, um booleano, nulo ... tambémReactChild
está incompleto pelos mesmos motivos