Quiero almacenar consultas de medios en un archivo separado para poder reutilizarlas en otros archivos.

 import { useMediaQuery } from 'react-responsive' const MediaQueries = () => { const isDesktopOrLaptop = useMediaQuery({ query: '(min-width: 810px)' }) const isLargerThanMobile = useMediaQuery({ query: '(min-width: 480px)' }) const isBigScreen = useMediaQuery({ query: '(min-width: 1824px)' }) const isTabletOrMobile = useMediaQuery({ query: '(max-width: 480px)' }) const isPortrait = useMediaQuery({ query: '(orientation: portrait)' }) const isRetina = useMediaQuery({ query: '(min-resolution: 2dppx)' }) } export default MediaQueries

Intenté importar los valores a continuación a otros archivos y usar varias consultas de medios, y no funciona.

 import MediaQueries from '../media-query/MediaQueries' ... MediaQueries.isLargerThanMobile