Media

render ( <Media minWidth="576px" maxWidth="768px" init={false} > {(medium, ref) => <div ref={ref}>{medium? "👧": "🧔"}</div> } </Media> )

render (
  <Media
    minWidth="576px"
    maxWidth="768px"
    init={false}
  >
    {(medium, ref) =>
      <div ref={ref}>{medium? "👧": "🧔"}</div>
    }
  </Media>
)

🧔