message: fix(media-query): fix hydration issue
  this reverts pr due to hydration issues during SSR
diff: import { useTheme } from "@chakra-ui/system"
  -import { isBrowser } from "@chakra-ui/utils"
  import React from "react"
  import createMediaQueries from "./create-media-query"
  @@ -32,11 +31,13 @@ export function useBreakpoint(defaultBreakpoint?: string) {
  )
  const [currentBreakpoint, setCurrentBreakpoint] = React.useState(() => {
  - const mediaQuery = mediaQueries.find(({ query, breakpoint }) => {
  - if (defaultBreakpoint) return breakpoint === defaultBreakpoint
  - if (isBrowser) return window.matchMedia(query).matches
  + if (!defaultBreakpoint) {
  return undefined
  - })
  + }
  +
  + const mediaQuery = mediaQueries.find(
  + ({ breakpoint }) => breakpoint === defaultBreakpoint,
  + )
  if (mediaQuery) {
  const { query, ...breakpoint } = mediaQuery
  