diff --git a/packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md b/packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md new file mode 100644 index 00000000000..7258b006d94 --- /dev/null +++ b/packages/manager/.changeset/pr-12244-tech-stories-1747680484622.md @@ -0,0 +1,5 @@ +--- +"@linode/manager": Tech Stories +--- + +Use `unstable_createBreakpoints` to define our MUI breakpoints ([#12244](https://github.com/linode/manager/pull/12244)) diff --git a/packages/ui/src/foundations/breakpoints.ts b/packages/ui/src/foundations/breakpoints.ts index 2c93d86802e..a8f267e1080 100644 --- a/packages/ui/src/foundations/breakpoints.ts +++ b/packages/ui/src/foundations/breakpoints.ts @@ -1,16 +1,11 @@ -import { createTheme } from '@mui/material'; +import { unstable_createBreakpoints } from '@mui/material'; -// This is a hack to create breakpoints outside of the theme itself. -// This will likely have to change at some point 😖 -export const breakpoints = createTheme({ - breakpoints: { - values: { - lg: 1280, - md: 960, - sm: 600, - xl: 1920, - xs: 0, - }, +export const breakpoints = unstable_createBreakpoints({ + values: { + lg: 1280, + md: 960, + sm: 600, + xl: 1920, + xs: 0, }, - name: 'light', -}).breakpoints; +});