The returned function returns null when rendering server-side or statically, so you should avoid this Hook where possible. Responsive props and media queries are preferable in most cases.
This Hook will resolve values in a mobile-first manner based on the breakpoint the browser viewport currently falls within (mobile, tablet, desktop or wide).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.Note that this Hook returns a function so that it can be called anywhere within your component.
The responsiveValue function is automatically provided for you in the Braid Playroom.