message: fix: layout flashing from useBreakpoint
  If `env.window.matchMedia` is available when the hook mounts, use it
  to find the initial state. This prevents the value changing the next
  "tick" after the hook mounts, often causing layout changes that look
  like flashes on the screen.
diff: @@ -33,6 +33,19 @@ export function useBreakpoint(defaultBreakpoint?: string) {
  )
  const [currentBreakpoint, setCurrentBreakpoint] = React.useState(() => {
  + if (env.window.matchMedia) {
  + let maxBreakpoint
  + mediaQueries.forEach(({ query, ...breakpoint }) => {
  + const mediaQuery = env.window.matchMedia(query)
  + if (mediaQuery.matches) {
  + maxBreakpoint = breakpoint
  + }
  + })
  + if (maxBreakpoint) {
  + return maxBreakpoint
  + }
  + }
  +
  if (!defaultBreakpoint) {
  return undefined
  }
  