Vercel/src/utility/useIsDesktop.ts
2023-11-06 22:52:03 -06:00

10 lines
336 B
TypeScript

import { useMediaQuery } from 'react-responsive';
import resolveConfig from 'tailwindcss/resolveConfig';
import tailwindConfig from '@/../tailwind.config';
const screens = resolveConfig(tailwindConfig).theme?.screens as any;
export default function useIsDesktop() {
return useMediaQuery({ query: `(min-width: ${screens.md})` });
};