From b7353f45d54ce4b748adddbaf007b3ba753bc04e Mon Sep 17 00:00:00 2001 From: Charles de Dreuille Date: Tue, 21 Jan 2025 11:06:43 +0000 Subject: [PATCH] Update getBreakpoint.ts Signed-off-by: Charles de Dreuille --- packages/canon/src/utils/getBreakpoint.ts | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/packages/canon/src/utils/getBreakpoint.ts b/packages/canon/src/utils/getBreakpoint.ts index 8d4721ba02..3fc279a2c4 100644 --- a/packages/canon/src/utils/getBreakpoint.ts +++ b/packages/canon/src/utils/getBreakpoint.ts @@ -26,11 +26,10 @@ export const breakpoints: { name: string; id: Breakpoint; value: number }[] = [ ]; export const getBreakpoint = (): Breakpoint => { - const queries = breakpoints.map( - breakpoint => `(min-width: ${breakpoint.value}px)`, - ); - - const matches = queries.map(query => useMediaQuery(query)); + const matches = breakpoints.map(breakpoint => { + const match = useMediaQuery(`(min-width: ${breakpoint.value}px)`); + return match; + }); for (let i = matches.length - 1; i >= 0; i--) { if (matches[i]) {