React Switch Compnent

index.tsx

import { useState }from 'react'

function SwitchComponent() {
  const Switch = props => {
    const { key, children } = props

    return children.find(child => {
      return child.props.value === key
    })      
  }
  
  const [state, setState] = useState(true)
    
  return (
    <>
      <Switch key={state}>
        <div value={false}>Will display if state is false</div>
        <div value={true}>Will display if state is true</div>
      </Switch>
      
      <button onClick={()=>setState(val=>!val)}>Change Switch Case Value</button>
    </>
  )
}

export default SwitchComponent;