[core] Fix imports to React

oliviertassinari · Jul 7, 2023 · 87a0bea · 87a0bea
1 parent 2369168
commit 87a0bea
Show file tree

Hide file tree

Showing 36 changed files with 37 additions and 37 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
     </>
   );
-}
+}
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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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';