message: fix(use-breakpoint-value): fix hook when given array of values
diff: @@ -2,6 +2,7 @@ import { getClosestValue } from "./media-query.utils"
  import { useBreakpoint } from "./use-breakpoint"
  import { isArray, arrayToObjectNotation, fromEntries } from "@chakra-ui/utils"
  import { useTheme } from "@chakra-ui/system"
  +import { isCustomBreakpoint } from "@chakra-ui/utils"
  /**
  * React hook for getting the value for the current breakpoint from the
  @@ -14,17 +15,22 @@ export function useBreakpointValue<T = any>(
  values: Record<string, T> | T[],
  ): T | undefined {
  const breakpoint = useBreakpoint()
  - const { breakpoints } = useTheme()
  + const theme = useTheme()
  if (!breakpoint) {
  return
  }
  + /**
  + * Get the non-number breakpoint keys from the provided breakpoints
  + */
  + const breakpoints = Object.keys(theme.breakpoints).filter(isCustomBreakpoint)
  +
  const obj = isArray(values)
  ? fromEntries<Record<string, T>>(
  Object.entries(
  arrayToObjectNotation(values, breakpoints),
  - ).map(([_, value]) => [value, value]),
  + ).map(([key, value]) => [key, value]),
  )
  : values
  