Estoy tratando de crear un HOC usando un componente funcional de reacción que tomará un componente y algunos accesorios, pero creo que me falta algo. No obtuve el valor de los accesorios en el componente que pasé. yo tambien estoy usando mecanografiado

Mi componente de orden superior:

 interface EditChannelInfo { Component: any; setIsCollapsed: Function; isCollapsed: boolean; } const EditChannelInfo = (props: EditChannelInfo): ReactElement => { const {isCollapsed, setIsCollapsed, Component} = props; const {data: gamesList} = useGamesList(); const games = gamesList.games.map((list: GamesList) => ({ value: list.gameId, label: list.gameName, })); return <Component {...props} />; }; export default EditChannelInfo;

Desde aquí estoy pasando el componente al componente de orden superior

 import EditChannelInfoWrapper from '../EditChannelInfoWrapper'; const Dashboard: NextPage = (): ReactElement => { const [isCollapsed, setIsCollapsed] = useState<boolean>(false); return ( <div> <EditChannelInfo Component={EditChannelInfoWrapper} setIsCollapsed={setIsCollapsed} isCollapsed={isCollapsed} /> </div> ); }; export default Dashboard;

Estoy recibiendo juegos indefinidos

 interface EditChannelInfoWrapper { games: any; } const EditChannelInfoWrapper = ( props: EditChannelInfoWrapper, ): ReactElement => { const { games, } = props; console.log(games); return () }