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}`, }; };