diff --git a/docs/data/joy/customization/dark-mode/dark-mode-pt.md b/docs/data/joy/customization/dark-mode/dark-mode-pt.md
index 3aad04f6dfc3cc..030974a641d946 100644
--- a/docs/data/joy/customization/dark-mode/dark-mode-pt.md
+++ b/docs/data/joy/customization/dark-mode/dark-mode-pt.md
@@ -97,7 +97,7 @@ export default class MyDocument extends Document {
 To use the Joy UI API with a Next.js project, add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { getInitColorSchemeScript } from '@mui/joy/styles';
 
 export function onRenderBody({ setPreBodyComponents }) {
diff --git a/docs/data/joy/customization/dark-mode/dark-mode-zh.md b/docs/data/joy/customization/dark-mode/dark-mode-zh.md
index 3aad04f6dfc3cc..030974a641d946 100644
--- a/docs/data/joy/customization/dark-mode/dark-mode-zh.md
+++ b/docs/data/joy/customization/dark-mode/dark-mode-zh.md
@@ -97,7 +97,7 @@ export default class MyDocument extends Document {
 To use the Joy UI API with a Next.js project, add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { getInitColorSchemeScript } from '@mui/joy/styles';
 
 export function onRenderBody({ setPreBodyComponents }) {
diff --git a/docs/data/joy/customization/dark-mode/dark-mode.md b/docs/data/joy/customization/dark-mode/dark-mode.md
index 1720637972e3da..0351c015ea7958 100644
--- a/docs/data/joy/customization/dark-mode/dark-mode.md
+++ b/docs/data/joy/customization/dark-mode/dark-mode.md
@@ -152,7 +152,7 @@ export default class MyDocument extends Document {
 To use the Joy UI API with a Gatsby project, add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { getInitColorSchemeScript } from '@mui/joy/styles';
 
 export function onRenderBody({ setPreBodyComponents }) {
diff --git a/docs/data/joy/getting-started/tutorial/tutorial-pt.md b/docs/data/joy/getting-started/tutorial/tutorial-pt.md
index faeb189c137be3..b452fe10b4f283 100644
--- a/docs/data/joy/getting-started/tutorial/tutorial-pt.md
+++ b/docs/data/joy/getting-started/tutorial/tutorial-pt.md
@@ -165,7 +165,7 @@ import Link from '@mui/joy/Link';
 Joy UI provides an effortless way to toggle between modes by using the React hook `useColorScheme`. All you need to do is create a component that uses the hook and then render it under the `CssVarsProvider` component.
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { CssVarsProvider, useColorScheme } from '@mui/joy/styles';
 // ...other imports
 
diff --git a/docs/data/joy/getting-started/tutorial/tutorial-zh.md b/docs/data/joy/getting-started/tutorial/tutorial-zh.md
index faeb189c137be3..b452fe10b4f283 100644
--- a/docs/data/joy/getting-started/tutorial/tutorial-zh.md
+++ b/docs/data/joy/getting-started/tutorial/tutorial-zh.md
@@ -165,7 +165,7 @@ import Link from '@mui/joy/Link';
 Joy UI provides an effortless way to toggle between modes by using the React hook `useColorScheme`. All you need to do is create a component that uses the hook and then render it under the `CssVarsProvider` component.
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { CssVarsProvider, useColorScheme } from '@mui/joy/styles';
 // ...other imports
 
diff --git a/docs/data/material/experimental-api/css-theme-variables/migration.md b/docs/data/material/experimental-api/css-theme-variables/migration.md
index 77f5326e2bd416..4e130d8c947214 100644
--- a/docs/data/material/experimental-api/css-theme-variables/migration.md
+++ b/docs/data/material/experimental-api/css-theme-variables/migration.md
@@ -211,7 +211,7 @@ export default class MyDocument extends Document {
 Place the script in your [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { getInitColorSchemeScript } from '@mui/material/styles';
 
 export function onRenderBody({ setPreBodyComponents }) {
diff --git a/docs/data/material/experimental-api/css-theme-variables/usage.md b/docs/data/material/experimental-api/css-theme-variables/usage.md
index 0e049c30639dc5..c7f53a2c1c6a2b 100644
--- a/docs/data/material/experimental-api/css-theme-variables/usage.md
+++ b/docs/data/material/experimental-api/css-theme-variables/usage.md
@@ -151,7 +151,7 @@ export default class MyDocument extends Document {
 Add the following code to the custom [`gatsby-ssr.js`](https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/) file:
 
 ```jsx
-import React from 'react';
+import * as React from 'react';
 import { getInitColorSchemeScript } from '@mui/material/styles';
 
 export function onRenderBody({ setPreBodyComponents }) {
diff --git a/docs/data/material/migration/migration-v4/migrating-from-jss-pt.md b/docs/data/material/migration/migration-v4/migrating-from-jss-pt.md
index 91efb5e07a1bc6..4c1556caf218c9 100644
--- a/docs/data/material/migration/migration-v4/migrating-from-jss-pt.md
+++ b/docs/data/material/migration/migration-v4/migrating-from-jss-pt.md
@@ -218,7 +218,7 @@ npx @mui/codemod v5.0.0/jss-to-tss-react <path>
 Example transformation:
 
 ```diff
- import React from 'react';
+ import * as React from 'react';
 -import makeStyles from '@material-ui/styles/makeStyles';
 +import { makeStyles } from 'tss-react/mui';
  import Button from '@mui/material/Button';
diff --git a/docs/data/material/migration/migration-v4/migrating-from-jss-zh.md b/docs/data/material/migration/migration-v4/migrating-from-jss-zh.md
index bb4b4ef1cac737..22f033045f6954 100644
--- a/docs/data/material/migration/migration-v4/migrating-from-jss-zh.md
+++ b/docs/data/material/migration/migration-v4/migrating-from-jss-zh.md
@@ -217,7 +217,7 @@ npx @mui/codemod v5.0.0/jss-to-tss-react <path>
 示例转换：
 
 ```diff
- import React from 'react';
+ import * as React from 'react';
 -import makeStyles from '@material-ui/styles/makeStyles';
 +import { makeStyles } from 'tss-react/mui';
  import Button from '@mui/material/Button';
diff --git a/docs/data/material/migration/migration-v4/migrating-from-jss.md b/docs/data/material/migration/migration-v4/migrating-from-jss.md
index 8aaeef64e49056..219c57b5af858f 100644
--- a/docs/data/material/migration/migration-v4/migrating-from-jss.md
+++ b/docs/data/material/migration/migration-v4/migrating-from-jss.md
@@ -222,7 +222,7 @@ npx @mui/codemod v5.0.0/jss-to-tss-react <path>
 Example transformation:
 
 ```diff
- import React from 'react';
+ import * as React from 'react';
 -import makeStyles from '@material-ui/styles/makeStyles';
 +import { makeStyles } from 'tss-react/mui';
  import Button from '@mui/material/Button';
diff --git a/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md b/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
index a60d84a54d3a31..0aba988a4cda61 100644
--- a/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
+++ b/docs/data/system/experimental-api/css-theme-variables/css-theme-variables.md
@@ -167,7 +167,7 @@ function App() {
 }
 
 // main.js
-import React from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom/client';
 import App from './App';
 import { CssVarsProvider } from './CssVarsProvider';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.actual.js
index cb36572c630df2..143fbf53c885d9 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Typography from '@material-ui/core/Typography';
 import MuiLink from '@material-ui/core/Link';
 import Container from 'modules/components/Container';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.expected.js
index af86f6ee6bb22d..65cd75818c0c89 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Typography from '@material-ui/core/Typography';
 import MuiLink from '@material-ui/core/Link';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.actual.js
index fe8a719b36cd6d..7132930dc46dff 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import SomeNamespace from 'SomeNamespace';
 import makeStyles from '@material-ui/styles/makeStyles';
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.expected.js
index b738420c1cbff3..8fb90973ad75f7 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import SomeNamespace from 'SomeNamespace';
 const PREFIX = 'eleventh';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.actual.js
index f01c37e1e524ae..83b8b7bb978b49 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Typography from '@material-ui/core/Typography';
 import makeStyles from '@material-ui/styles/makeStyles';
 import Container from 'modules/components/Container';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.expected.js
index 38192eb4553c9e..1bec7090ddf006 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Typography from '@material-ui/core/Typography';
 import Container from 'modules/components/Container';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.actual.js
index 9f99c321b523b1..69512676e48ad0 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { connect } from 'react-redux';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.expected.js
index 1197e0e307c126..c919a8c97db252 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.actual.js
index 297d37ca6bacc0..27ef16b1ebd450 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Button from '@mui/material/Button';
 import withStyles from '@mui/styles/withStyles';
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.expected.js
index 8602af7d1c9005..bb9c18aa4c04ea 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/multipleWithStyles.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Button from '@mui/material/Button';
 const PREFIX = 'Test';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.actual.js
index e30458b6828059..f1c335300198c1 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Typography from '@material-ui/core/Typography';
 import makeStyles from '@material-ui/styles/makeStyles';
 import Container from 'modules/components/Container';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.expected.js
index 650ab58797fdeb..30eb0ee2541889 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import Typography from '@material-ui/core/Typography';
 import Container from 'modules/components/Container';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.actual.js
index 61bf999071da7f..dbfc61b5504da8 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import makeStyles from '@material-ui/styles/makeStyles';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { withPrefix, navigate } from 'gatsby';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.expected.js
index 15115c62489871..2715106e6ff16a 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import CircularProgress from '@material-ui/core/CircularProgress';
 import { withPrefix, navigate } from 'gatsby';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.actual.js
index 2d424b56938d43..b66a8d325ad9b8 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import IconButton from '@material-ui/core/IconButton';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.expected.js
index b8218db6ba52da..8d1e756b5d52c7 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/sixth.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.actual.js
index 3f8a4ed79df27f..b01f3ab0611068 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import makeStyles from '@material-ui/styles/makeStyles';
 
 const useStyles = makeStyles((theme) => ({
@@ -22,4 +22,4 @@ export default function Page() {
       <img className={classes.img}></img>
     </>
   );
-}
\ No newline at end of file
+}
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.expected.js
index cb222810223d02..00bf1175bcfc4d 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { styled } from '@mui/material/styles';
 const PREFIX = 'tenth';
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/twelfth.actual.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/twelfth.actual.js
index 645b66ad0fc816..e84a62cca22dbf 100644
--- a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/twelfth.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/twelfth.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import makeStyles from '@material-ui/styles/makeStyles';
 
 const useStyles = makeStyles((theme) => ({
diff --git a/packages/mui-codemod/src/v5.0.0/preset-safe.test/actual.js b/packages/mui-codemod/src/v5.0.0/preset-safe.test/actual.js
index 3224ba214d0aab..bde29ba557e5e9 100644
--- a/packages/mui-codemod/src/v5.0.0/preset-safe.test/actual.js
+++ b/packages/mui-codemod/src/v5.0.0/preset-safe.test/actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import {
   MuiThemeProvider,
   createMuiTheme,
diff --git a/packages/mui-codemod/src/v5.0.0/preset-safe.test/expected.js b/packages/mui-codemod/src/v5.0.0/preset-safe.test/expected.js
index a6362dc027da35..511a87bcb82936 100644
--- a/packages/mui-codemod/src/v5.0.0/preset-safe.test/expected.js
+++ b/packages/mui-codemod/src/v5.0.0/preset-safe.test/expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ThemeProvider, StyledEngineProvider, createTheme, alpha, adaptV4Theme } from '@mui/material/styles';
 import makeStyles from '@mui/styles/makeStyles';
 import StylesProvider from '@mui/styles/StylesProvider';
diff --git a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.actual.js b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.actual.js
index 2ee90433ba894a..3c04ee10a9e6a6 100644
--- a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MuiThemeProvider, createMuiTheme } from '@material-ui/core';
 import { OtherProvider } from './contexts';
 import Page from './pages';
diff --git a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js
index 0fee02dee390e3..107f5814aa1f23 100644
--- a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { MuiThemeProvider, StyledEngineProvider, createMuiTheme } from '@material-ui/core';
 import { OtherProvider } from './contexts';
 import Page from './pages';
diff --git a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.actual.js b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.actual.js
index 6d3f2a988ff55b..fe14b66d13d710 100644
--- a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.actual.js
+++ b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.actual.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ThemeProvider, createTheme } from '@material-ui/core/styles';
 import { OtherProvider } from './contexts';
 import Page from './pages';
diff --git a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.expected.js b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.expected.js
index d2ef30d12b4bd4..ce27802818f1fc 100644
--- a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.expected.js
+++ b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/theme-provider.expected.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { ThemeProvider, StyledEngineProvider, createTheme } from '@material-ui/core/styles';
 import { OtherProvider } from './contexts';
 import Page from './pages';