docs(tutorial): fixes the mui sandboxes in docs (#6789)

DoguhanOzgurAkca · web-flow · commit fd67ef411301 · 2025-05-12T10:09:07.000+03:00
diff --git a/documentation/docs/guides-concepts/authentication/auth-pages/mui.tsx b/documentation/docs/guides-concepts/authentication/auth-pages/mui.tsx
@@ -17,7 +17,8 @@ export function MaterialUIAuth() {
         "@emotion/styled": "^11.8.1",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
+        "@mui/utils": "^7.1.0",
         "@mui/x-data-grid": "7.23.5",
       }}
       startRoute="/login"
diff --git a/documentation/docs/guides-concepts/forms/server-side-validation-mui.tsx b/documentation/docs/guides-concepts/forms/server-side-validation-mui.tsx
@@ -16,7 +16,8 @@ export default function ServerSideValidationMui() {
         "@emotion/styled": "^11.8.1",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
+        "@mui/utils": "^7.1.0",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
         "react-hook-form": "^7.43.5",
diff --git a/documentation/docs/guides-concepts/general-concepts/auth-pages/mui.tsx b/documentation/docs/guides-concepts/general-concepts/auth-pages/mui.tsx
@@ -13,11 +13,12 @@ export function MaterialUIAuth() {
         "@refinedev/react-router": "latest",
         "@refinedev/mui": "latest",
         "react-router": "^7.0.2",
+        "@mui/utils": "^7.1.0",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
       }}
       startRoute="/login"
diff --git a/documentation/docs/guides-concepts/general-concepts/layout/mui.tsx b/documentation/docs/guides-concepts/general-concepts/layout/mui.tsx
@@ -18,7 +18,8 @@ export function MaterialUILayout() {
         "@emotion/styled": "^11.8.1",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
+        "@mui/utils": "^7.1.0",
         "@mui/x-data-grid": "7.23.5",
       }}
       startRoute="/my-products"
diff --git a/documentation/docs/guides-concepts/notifications/notifications-mui.tsx b/documentation/docs/guides-concepts/notifications/notifications-mui.tsx
@@ -11,9 +11,11 @@ export default function NotificationMui() {
         "@refinedev/simple-rest": "latest",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
+        "@mui/x-data-grid": "^7.23.5",
         "@refinedev/mui": "latest",
       }}
       startRoute="/"
diff --git a/documentation/docs/guides-concepts/tables/example/material-ui.tsx b/documentation/docs/guides-concepts/tables/example/material-ui.tsx
@@ -8,9 +8,11 @@ export default function BaseMaterialUI() {
         "@refinedev/core": "latest",
         "@refinedev/simple-rest": "latest",
         "@refinedev/mui": "latest",
-        "@mui/x-data-grid": "latest",
-        "@mui/material": "latest",
-        "@mui/system": "latest",
+        "@mui/utils": "^7.1.0",
+        "@mui/lab": "^6.0.0-beta.14",
+        "@mui/material": "^6.1.7",
+        "@mui/system": "^6.4.11",
+        "@mui/x-data-grid": "^7.23.5",
       }}
       startRoute="/"
       files={{
diff --git a/documentation/docs/guides-concepts/tables/example/search-material-ui.tsx b/documentation/docs/guides-concepts/tables/example/search-material-ui.tsx
@@ -8,9 +8,11 @@ export default function BaseCoreTable() {
         "@refinedev/core": "latest",
         "@refinedev/simple-rest": "latest",
         "@refinedev/mui": "latest",
-        "@mui/x-data-grid": "latest",
-        "@mui/material": "latest",
-        "@mui/system": "latest",
+        "@mui/utils": "^7.1.0",
+        "@mui/lab": "^6.0.0-beta.14",
+        "@mui/material": "^6.1.7",
+        "@mui/system": "^6.4.11",
+        "@mui/x-data-grid": "7.23.5",
       }}
       startRoute="/"
       files={{
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/auth-page.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/auth-page.tsx
@@ -15,9 +15,10 @@ export default function AuthPage() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
         "react-hook-form": "^7.43.5",
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/basic-views.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/basic-views.tsx
@@ -14,9 +14,10 @@ export default function BasicViews() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
         "react-hook-form": "^7.43.5",
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/example.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/example.tsx
@@ -14,9 +14,10 @@ export default function Example() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
         "react-hook-form": "^7.43.5",
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-next-js.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-next-js.tsx
@@ -14,9 +14,10 @@ export default function LayoutNextjs() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "@refinedev/nextjs-router": "latest",
       }}
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-react-router-dom.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-react-router-dom.tsx
@@ -16,10 +16,11 @@ export default function LayoutReactRouterDom() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
-        "@mui/x-data-grid": "7.23.5",
+        "@mui/system": "^6.4.11",
+        "@mui/x-data-grid": "^7.23.5",
         "react-router": "^7.0.2",
         "react-hook-form": "^7.43.5",
       }}
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-remix.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/layout-remix.tsx
@@ -14,9 +14,10 @@ export default function LayoutRemix() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "@refinedev/remix-router": "latest",
       }}
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/theming.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/theming.tsx
@@ -16,9 +16,10 @@ export default function Usage() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-router": "^7.0.2",
         "react-hook-form": "^7.43.5",
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-next-js.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-next-js.tsx
@@ -14,9 +14,10 @@ export default function UsageNextjs() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-hook-form": "^7.43.5",
         "@refinedev/nextjs-router": "latest",
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-react-router-dom.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-react-router-dom.tsx
@@ -14,9 +14,10 @@ export default function UsageReactRouterDom() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-hook-form": "^7.43.5",
         "react-router": "^7.0.2",
diff --git a/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-remix.tsx b/documentation/docs/ui-integrations/material-ui/introduction/previews/usage-remix.tsx
@@ -14,9 +14,10 @@ export default function UsageRemix() {
         "@refinedev/react-hook-form": "^4.8.12",
         "@emotion/react": "^11.8.2",
         "@emotion/styled": "^11.8.1",
+        "@mui/utils": "^7.1.0",
         "@mui/lab": "^6.0.0-beta.14",
         "@mui/material": "^6.1.7",
-        "@mui/system": "latest",
+        "@mui/system": "^6.4.11",
         "@mui/x-data-grid": "7.23.5",
         "react-hook-form": "^7.43.5",
         "@refinedev/remix-router": "latest",
diff --git a/documentation/tutorial/ui-libraries/intro/material-ui/react-router/sandpack.tsx b/documentation/tutorial/ui-libraries/intro/material-ui/react-router/sandpack.tsx
@@ -237,10 +237,11 @@ export const dependencies = {
   "@emotion/react": "11.11.4",
   "@emotion/styled": "11.11.5",
   "@mui/lab": "^6.0.0-beta.14",
+  "@mui/utils": "^7.1.0",
   "@mui/material": "^6.1.7",
   "@mui/x-data-grid": "7.23.5",
   "@refinedev/mui": "latest",
-  "@mui/system": "latest",
+  "@mui/system": "^6.4.11",
   "@refinedev/react-hook-form": "latest",
   "react-hook-form": "latest",
 };
