useMedia

function App () { const small = useMedia("max-width: 576px") const large = useMedia({minWidth: "768px"}) return <div>{!small && !large? "👧": "👨"}</div> }

function App () {
  const small = useMedia("max-width: 576px")
  const large = useMedia({minWidth: "768px"})
  return <div>{!small && !large? "👧": "👨"}</div>
}

👧