Conditional Types

Child.tsx

type Props = {
  name: string
} & (MaleProps | FemaleProps)

type MaleProps = {
  gender: 'male'
  salary: number
}

type FemaleProps = {
  gender: 'female'
  weight: number
}

const Child = (props: Props) {
  if (props.gender === 'male') {
    console.log(props.salary}
  else if (props.gender === 'female') {
    console.log(props.gender === 'male')
  }
    
  return <h1>child</h1>
}