Ho un componente funzionale molto semplice come segue:
import * as React from 'react';
export interface AuxProps {
children: React.ReactNode
}
const aux = (props: AuxProps) => props.children;
export default aux;
E un altro 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 a ricevere il seguente errore:
[ts] Il tipo di elemento JSX "ReactNode" non è una funzione di costruzione per elementi JSX. Il tipo "undefined" non è assegnabile al tipo "ElementClass". [2605]
Come lo digito correttamente?
JSX.Element
non è abbastanza buono poiché un React children valido potrebbe essere una stringa, un booleano, null ...ReactChild
è anche incompleto per le stesse ragioni