Function createUseMediaQueryWidth

createUseMediaQueryWidth<
    TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints,
>(
    customBreakpoints: TBreakpointsConfig,
): <TBreakpoints extends string>(
    media:
        | `@${TBreakpoints}`
        | `@min-${TBreakpoints}`
        | `@max-${TBreakpoints}`
        | `@up-${TBreakpoints}`
        | `@down-${TBreakpoints}`
        | `@between-${TBreakpoints}_${TBreakpoints}`
        | `@only-${TBreakpoints}`,
    serverValue?: boolean | null,
) => boolean | null
Use null instead of false as default value,
Type Parameters
- TBreakpointsConfig extends GetMediaQueryWidthResolversBreakpoints
Parameters
- customBreakpoints: TBreakpointsConfig
Returns <TBreakpoints extends string>(
    media:
        | `@${TBreakpoints}`
        | `@min-${TBreakpoints}`
        | `@max-${TBreakpoints}`
        | `@up-${TBreakpoints}`
        | `@down-${TBreakpoints}`
        | `@between-${TBreakpoints}_${TBreakpoints}`
        | `@only-${TBreakpoints}`,
    serverValue?: boolean | null,
) => boolean | null

See
https://observablehq.com/@werehamster/avoiding-hydration-mismatch-when-using-react-hooks
- Defined in createUseMediaQueryWidth.tsx:32