Current breakpoint:
  • Box For custom layouts.
This Hook will return the breakpoint the browser viewport currently falls within (mobile, tablet or desktop). As this can only be calculated in the browser, the value will also be null when rendering server-side or statically rendering. Window resizing is supported.
const breakpoint = useBreakpoint()

return <Text>Current breakpoint: {breakpoint}</Text>