Estoy intentando desarrollar un customHook para los puntos de MUI breakpoints en este momento.

El valor de retorno debe depender de lo que se ingresó, si es posible. Como ilustración, si ingreso Md, quiero isGreaterThanMd y si ingreso XS, quiero isGreaterThanXs de vuelta. Desafortunadamente, mi plan es demasiado sencillo y no funciona.

 import { Breakpoint, useMediaQuery, useTheme } from "@mui/material"; export const useResponsiveKey = (key: number | Breakpoint) => { const theme = useTheme(); const isGreaterThan = useMediaQuery(theme.breakpoints.up(key)); return { isGreaterThan: `isGreaterthan${key}`, }; };