@tritium-research/react-component/src/hooks/useBreakpoints.ts

A react component library based on material-ui, build for tritium internal usecases.

import { useMediaQuery, useTheme } from '@mui/material';

export default function useBreakpoints() {
  const { breakpoints } = useTheme();
  const lg = useMediaQuery(breakpoints.up('md'));
  const md = useMediaQuery(breakpoints.between('sm', 'md'));
  const sm = useMediaQuery(breakpoints.between('xs', 'sm'));
  const xs = useMediaQuery(breakpoints.down('xs'));
  return { lg, md, sm, xs };
}