Recibo un error con el error de pelusa de TypeScript en mi componente ConditionalWrapper personalizado. El componente envolverá condicionalmente otro componente basado en una condición

Pregunta: ¿Cómo puedo escribir correctamente el accesorio de envoltura para el type ConditionalWrapperProps ?

 import React from "react"; type ConditonalWrapperProps = { children: React.ReactElement; condition: boolean; // ESLint: 'children' is defined but never used.(no-unused-vars) wrapper: (children: React.ReactElement) => JSX.Element; }; const ConditonalWrapper: React.FC<ConditonalWrapperProps> = ({ condition, wrapper, children }) => (condition ? wrapper(children) : children); export { ConditonalWrapper };

y en uso

 const Block: React.VoidFunctionComponent = () => ( <ConditonalWrapper condition wrapper={(children) => <h1>I am wrapped: {children}</h1>} > <h1 className="text-red-400">Child Text</h1> </ConditonalWrapper> );