Use breakpoint support array

[Ayc0]

At the moment, we can do useBreakpoint('md lg'). Instead we should support useBreakpoint(['md', 'lg'])
It would be a bit more performant as we wouldn't have to do the split every time

The issue with using an array is that it'd bust the react cache at each re-render when used in an inline way

react-responsive/packages/react-responsive/src/useBreakpoint.ts

Line 13 in c624933

const mediaQuery = React.useMemo(() => toMediaQuery(on), [toMediaQuery, on]);

[Ayc0]

Using arrays instead of strings has 2 main drawbacks though:

1. less easy to manipulate with react cache (dependency array in useMemo),
2. it doesn't add that much values ("It would be a bit more performant" this would be false as we do a lot of transformations & validations afterwards anyway)

But we could use this to add stronger types, like Breakpoints | Breakpoints[]. But as all breakpoints are customizable (even the default ones are overridable), we can't just provide a fixed list of breakpoints.

Maybe something like this would be enough?

useBreakpoint<const B extends string | string[] = Breakpoints | Breakpoints[]>(breakpoint: B) { … }
// Same for only

But there would be no guarantee that it'll match those custom breakpoints (except by manually setting those. Maybe that's enough?)