diff --git a/packages/mui-material/src/useMediaQuery/index.d.ts b/packages/mui-material/src/useMediaQuery/index.d.ts index bf4072caa40b80..189cf6a41d036a 100644 --- a/packages/mui-material/src/useMediaQuery/index.d.ts +++ b/packages/mui-material/src/useMediaQuery/index.d.ts @@ -1,2 +1,2 @@ -export { default } from './useMediaQuery'; -export * from './useMediaQuery'; +export { default } from '@mui/system/useMediaQuery'; +export * from '@mui/system/useMediaQuery'; diff --git a/packages/mui-material/src/useMediaQuery/index.js b/packages/mui-material/src/useMediaQuery/index.js index 74992f88e57857..ebc567714f0478 100644 --- a/packages/mui-material/src/useMediaQuery/index.js +++ b/packages/mui-material/src/useMediaQuery/index.js @@ -1,2 +1 @@ -'use client'; -export { default } from './useMediaQuery'; +export { default } from '@mui/system/useMediaQuery'; diff --git a/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.d.ts b/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.d.ts index f8ac72baf1d28d..2505b54663cf76 100644 --- a/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.d.ts +++ b/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.d.ts @@ -1,3 +1,3 @@ -import useMediaQuery from './useMediaQuery'; +import useMediaQuery from '@mui/system/useMediaQuery'; export default useMediaQuery; diff --git a/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.js b/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.js index 184b1e26a63cb5..2c2fa3858a6644 100644 --- a/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.js +++ b/packages/mui-material/src/useMediaQuery/useMediaQueryTheme.js @@ -1,5 +1,5 @@ 'use client'; -import useMediaQuery from './useMediaQuery'; +import useMediaQuery from '@mui/system/useMediaQuery'; // TODO v5: to deprecate in v4.x and remove in v5 export default function useMediaQueryTheme(...args) { diff --git a/packages/mui-system/src/index.d.ts b/packages/mui-system/src/index.d.ts index 7f24359229a63d..825745b588f909 100644 --- a/packages/mui-system/src/index.d.ts +++ b/packages/mui-system/src/index.d.ts @@ -153,6 +153,9 @@ export * from './useTheme'; export { default as useThemeWithoutDefault } from './useThemeWithoutDefault'; export * from './useThemeWithoutDefault'; +export { default as useMediaQuery } from './useMediaQuery'; +export * from './useMediaQuery'; + export * from './colorManipulator'; export { default as ThemeProvider } from './ThemeProvider'; diff --git a/packages/mui-system/src/index.js b/packages/mui-system/src/index.js index 3ff435af5e49bc..23689fa469aff9 100644 --- a/packages/mui-system/src/index.js +++ b/packages/mui-system/src/index.js @@ -55,6 +55,7 @@ export { default as shape } from './createTheme/shape'; export { default as useThemeProps, getThemeProps } from './useThemeProps'; export { default as useTheme } from './useTheme'; export { default as useThemeWithoutDefault } from './useThemeWithoutDefault'; +export { default as useMediaQuery } from './useMediaQuery'; export * from './colorManipulator'; export { default as ThemeProvider } from './ThemeProvider'; export { default as unstable_createCssVarsProvider } from './cssVars/createCssVarsProvider'; diff --git a/packages/mui-system/src/useMediaQuery/index.ts b/packages/mui-system/src/useMediaQuery/index.ts new file mode 100644 index 00000000000000..bf4072caa40b80 --- /dev/null +++ b/packages/mui-system/src/useMediaQuery/index.ts @@ -0,0 +1,2 @@ +export { default } from './useMediaQuery'; +export * from './useMediaQuery'; diff --git a/packages/mui-material/src/useMediaQuery/useMediaQuery.ts b/packages/mui-system/src/useMediaQuery/useMediaQuery.ts similarity index 97% rename from packages/mui-material/src/useMediaQuery/useMediaQuery.ts rename to packages/mui-system/src/useMediaQuery/useMediaQuery.ts index 33d8650b83395c..592785aece184b 100644 --- a/packages/mui-material/src/useMediaQuery/useMediaQuery.ts +++ b/packages/mui-system/src/useMediaQuery/useMediaQuery.ts @@ -1,8 +1,8 @@ 'use client'; import * as React from 'react'; -import { getThemeProps } from '@mui/system/useThemeProps'; -import useTheme from '@mui/system/useThemeWithoutDefault'; -import useEnhancedEffect from '../utils/useEnhancedEffect'; +import useEnhancedEffect from '@mui/utils/useEnhancedEffect'; +import { getThemeProps } from '../useThemeProps'; +import useTheme from '../useThemeWithoutDefault'; /** * @deprecated Not used internally. Use `MediaQueryListEvent` from lib.dom.d.ts instead.