I'm trying to rewrite this component jsx to tsx but I've tried several ways and so far I haven't been able to recreate this component to be used in a typescript project. If you can help me I will be grateful. I will leave the code below.
import { Children } from 'react';
import { If } from './If';
export const Show = props => {
let when = null;
let otherwise = null;
Children.forEach(props.children, children => {
if (children.props.isTrue === undefined) {
otherwise = children;
} else if (!when && children.props.isTrue === true) {
when = children;
}
});
return when || otherwise;
};
Show.When = If;
Show.Else = ({ render, children }) => render ? render() : children;
Componente If ////
export const If = ({isTrue, children}) => isTrue ? children : null;