From 75593f411e20f34465b47b24749052e5f7546d17 Mon Sep 17 00:00:00 2001
From: Matheus Wichman <matheushw@outlook.com>
Date: Thu, 6 May 2021 18:48:26 -0300
Subject: [PATCH] [theme] Remove MuiThemeProvider alias

---
 docs/src/pages/guides/migration-v4/migration-v4.md | 9 +++++++++
 framer/Material-UI.framerfx/code/ThemeProvider.tsx | 6 +++---
 packages/material-ui/src/styles/index.d.ts         | 6 +-----
 packages/material-ui/src/styles/index.js           | 2 +-
 4 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/docs/src/pages/guides/migration-v4/migration-v4.md b/docs/src/pages/guides/migration-v4/migration-v4.md
index deb5cdaaf849bb..158798cdfc1ba5 100644
--- a/docs/src/pages/guides/migration-v4/migration-v4.md
+++ b/docs/src/pages/guides/migration-v4/migration-v4.md
@@ -1512,6 +1512,15 @@ As the core components use emotion as a styled engine, the props used by emotion
   +import { jssPreset } from '@material-ui/styles';
   ```
 
+#### MuiThemeProvider
+
+- The `MuiThemeProvider` is no longer exported from `@material-ui/core/styles`. Use `ThemeProvider` instead.
+
+  ```diff
+  -import { MuiThemeProvider } from '@material-ui/core/styles';
+  +import { ThemeProvider } from '@material-ui/core/styles';
+  ```
+
 #### ServerStyleSheets
 
 - The `ServerStyleSheets` is no longer exported from `@material-ui/core/styles`. You should import it directly from `@material-ui/styles`.
diff --git a/framer/Material-UI.framerfx/code/ThemeProvider.tsx b/framer/Material-UI.framerfx/code/ThemeProvider.tsx
index f8985281dbc9f6..cdc7b657fa0370 100644
--- a/framer/Material-UI.framerfx/code/ThemeProvider.tsx
+++ b/framer/Material-UI.framerfx/code/ThemeProvider.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { addPropertyControls, ControlType } from 'framer';
-import { MuiThemeProvider, createTheme } from '@material-ui/core/styles';
+import { ThemeProvider, createTheme } from '@material-ui/core/styles';
 import { parseColor } from './utils';
 
 interface Props {
@@ -40,9 +40,9 @@ export function Theme(props: Props): JSX.Element {
   });
 
   return (
-    <MuiThemeProvider theme={theme} {...other}>
+    <ThemeProvider theme={theme} {...other}>
       {children}
-    </MuiThemeProvider>
+    </ThemeProvider>
   );
 }
 
diff --git a/packages/material-ui/src/styles/index.d.ts b/packages/material-ui/src/styles/index.d.ts
index e177dcbf06667c..834a8784c51af3 100644
--- a/packages/material-ui/src/styles/index.d.ts
+++ b/packages/material-ui/src/styles/index.d.ts
@@ -48,11 +48,7 @@ export {
   StyledComponentProps,
 } from './withStyles';
 export { default as experimentalStyled, CreateMUIStyled } from './experimentalStyled';
-export {
-  default as MuiThemeProvider,
-  default as ThemeProvider,
-  ThemeProviderProps,
-} from './ThemeProvider';
+export { default as ThemeProvider, ThemeProviderProps } from './ThemeProvider';
 export {
   createGenerateClassName,
   jssPreset,
diff --git a/packages/material-ui/src/styles/index.js b/packages/material-ui/src/styles/index.js
index ace3a773d19dca..0a895a19b394fe 100644
--- a/packages/material-ui/src/styles/index.js
+++ b/packages/material-ui/src/styles/index.js
@@ -11,4 +11,4 @@ export { default as useTheme } from './useTheme';
 export { default as unstable_useThemeProps } from './useThemeProps';
 export { default as withStyles } from './withStyles';
 export { default as experimentalStyled } from './experimentalStyled';
-export { default as MuiThemeProvider, default as ThemeProvider } from './ThemeProvider';
+export { default as ThemeProvider } from './ThemeProvider';