[docs] Use import * as React from 'react';

docs/src/modules/components/Ad.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';

docs/src/modules/components/AdCarbon.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import loadScript from 'docs/src/modules/utils/loadScript';
 import AdDisplay from 'docs/src/modules/components/AdDisplay';

docs/src/modules/components/AdDisplay.js

@@ -1,5 +1,5 @@
 /* eslint react/jsx-no-target-blank: ["error", { allowReferrer: true }] */
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { makeStyles } from '@material-ui/core/styles';

docs/src/modules/components/AdInHouse.js

@@ -1,5 +1,5 @@
 /* eslint react/jsx-no-target-blank: ["error", { allowReferrer: true }] */
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import AdDisplay from 'docs/src/modules/components/AdDisplay';
 

docs/src/modules/components/AdReadthedocs.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import loadScript from 'docs/src/modules/utils/loadScript';
 import adStyles from 'docs/src/modules/components/ad.styles';

docs/src/modules/components/AppContainer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { makeStyles } from '@material-ui/core/styles';

docs/src/modules/components/AppDrawer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';

docs/src/modules/components/AppDrawerNavItem.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { makeStyles } from '@material-ui/core/styles';

docs/src/modules/components/AppFooter.js

@@ -1,5 +1,5 @@
 /* eslint-disable material-ui/no-hardcoded-labels */
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import Interpolate from '@trendmicro/react-interpolate';

docs/src/modules/components/AppFrame.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import Router, { useRouter } from 'next/router';

docs/src/modules/components/AppSearch.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import url from 'url';
 import { useSelector } from 'react-redux';
 import useLazyCSS from 'docs/src/modules/utils/useLazyCSS';

docs/src/modules/components/AppTableOfContents.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-danger */
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import throttle from 'lodash/throttle';
 import clsx from 'clsx';

docs/src/modules/components/AppTheme.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import Head from 'docs/src/modules/components/Head';
 

docs/src/modules/components/Demo.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import LZString from 'lz-string';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

docs/src/modules/components/DemoErrorBoundary.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@material-ui/core/Typography';
 import Link from '@material-ui/core/Link';

docs/src/modules/components/DemoSandboxed.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import { create } from 'jss';

docs/src/modules/components/DiamondSponsors.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import Typography from '@material-ui/core/Typography';
 import { useSelector } from 'react-redux';

docs/src/modules/components/EditPage.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import Button from '@material-ui/core/Button';

docs/src/modules/components/GoogleAnalytics.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
 
 // So we can write code like:

docs/src/modules/components/Head.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import NextHead from 'next/head';
 import { useRouter } from 'next/router';
 import PropTypes from 'prop-types';

docs/src/modules/components/Link.js

@@ -1,5 +1,5 @@
 /* eslint-disable jsx-a11y/anchor-has-content */
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { useRouter } from 'next/router';

docs/src/modules/components/MarkdownDocs.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { useSelector } from 'react-redux';

docs/src/modules/components/MarkdownElement.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import { makeStyles } from '@material-ui/core/styles';

docs/src/modules/components/MarkdownLinks.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Router from 'next/router';
 import { pathnameToLanguage } from 'docs/src/modules/utils/helpers';
 

docs/src/modules/components/Notifications.js

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-danger, react-hooks/exhaustive-deps */
-import React from 'react';
+import * as React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { makeStyles } from '@material-ui/core/styles';
 import NotificationsIcon from '@material-ui/icons/Notifications';

docs/src/modules/components/PageContext.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 // The default value is never and should never be used.
 // It's here to improve DX by enabling autocompletion for editors supporting TypeScript.

docs/src/modules/components/ThemeContext.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import {
   ThemeProvider as MuiThemeProvider,

docs/src/modules/components/TopLayoutBlog.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import Head from 'docs/src/modules/components/Head';

docs/src/modules/components/TopLayoutCompany.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import Head from 'docs/src/modules/components/Head';

docs/src/modules/utils/getDemoConfig.js

@@ -7,7 +7,7 @@ function jsDemo(demoData) {
     files: {
       'demo.js': demoData.raw,
       'index.js': `
-import React from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
 import Demo from './demo';
 
@@ -23,7 +23,7 @@ function tsDemo(demoData) {
     files: {
       'demo.tsx': demoData.raw,
       'index.tsx': `
-import React from 'react';
+import * as React from 'react';
 import ReactDOM from 'react-dom';
 import Demo from './demo';
 

docs/src/modules/utils/getJsxPreview.test.js

@@ -6,7 +6,7 @@ describe('getJsxPreview', () => {
     expect(
       getJsxPreview(
         `
-import React from 'react';
+import * as React from 'react';
 import Rating from '@material-ui/lab/Rating';
 
 export default function HalfRating() {

docs/src/modules/utils/helpers.test.js

@@ -3,7 +3,7 @@ import { getDependencies } from './helpers';
 
 describe('docs getDependencies helpers', () => {
   const s1 = `
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
 import Input from '@material-ui/core/Input';
@@ -32,7 +32,7 @@ const styles = theme => ({
 
   it('should handle * dependencies', () => {
     const source = `
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import * as _ from '@unexisting/thing';
 import Draggable from 'react-draggable';
@@ -68,7 +68,7 @@ const suggestions = [
 
   it('should support direct import', () => {
     const source = `
-import React from 'react';
+import * as React from 'react';
 import PropTypes from 'prop-types';
 import Grid from '@material-ui/core/Grid';
 import { withStyles } from '@material-ui/core/styles';
@@ -103,7 +103,7 @@ import { LocalizationProvider as MuiPickersLocalizationProvider, KeyboardTimePic
 
   it('should handle multilines', () => {
     const source = `
-import React from 'react';
+import * as React from 'react';
 import DateFnsAdapter from '@material-ui/pickers/adapter/date-fns';
 import {
   LocalizationProvider as MuiPickersLocalizationProvider,

docs/src/pages/components/accordion/ActionsInAccordionSummary.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionSummary from '@material-ui/core/AccordionSummary';

docs/src/pages/components/accordion/ActionsInAccordionSummary.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionSummary from '@material-ui/core/AccordionSummary';

docs/src/pages/components/accordion/ControlledAccordions.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionDetails from '@material-ui/core/AccordionDetails';

docs/src/pages/components/accordion/ControlledAccordions.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionDetails from '@material-ui/core/AccordionDetails';

docs/src/pages/components/accordion/CustomizedAccordions.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import MuiAccordion from '@material-ui/core/Accordion';
 import MuiAccordionSummary from '@material-ui/core/AccordionSummary';

docs/src/pages/components/accordion/CustomizedAccordions.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { withStyles } from '@material-ui/core/styles';
 import MuiAccordion from '@material-ui/core/Accordion';
 import MuiAccordionSummary from '@material-ui/core/AccordionSummary';

docs/src/pages/components/accordion/DetailedAccordion.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import clsx from 'clsx';
 import Accordion from '@material-ui/core/Accordion';

docs/src/pages/components/accordion/DetailedAccordion.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Theme, createStyles, makeStyles } from '@material-ui/core/styles';
 import clsx from 'clsx';
 import Accordion from '@material-ui/core/Accordion';

docs/src/pages/components/accordion/SimpleAccordion.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionSummary from '@material-ui/core/AccordionSummary';

docs/src/pages/components/accordion/SimpleAccordion.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { Theme, createStyles, makeStyles } from '@material-ui/core/styles';
 import Accordion from '@material-ui/core/Accordion';
 import AccordionSummary from '@material-ui/core/AccordionSummary';

docs/src/pages/components/alert/ActionAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import Button from '@material-ui/core/Button';

docs/src/pages/components/alert/ActionAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import Button from '@material-ui/core/Button';

docs/src/pages/components/alert/ColorAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Alert from '@material-ui/lab/Alert';
 
 export default function ColorAlerts() {

docs/src/pages/components/alert/ColorAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Alert from '@material-ui/lab/Alert';
 
 export default function ColorAlerts() {

docs/src/pages/components/alert/DescriptionAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import { Alert, AlertTitle } from '@material-ui/lab';
 

docs/src/pages/components/alert/DescriptionAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import { Alert, AlertTitle } from '@material-ui/lab';
 

docs/src/pages/components/alert/FilledAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 

docs/src/pages/components/alert/FilledAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 

docs/src/pages/components/alert/IconAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import CheckIcon from '@material-ui/icons/Check';

docs/src/pages/components/alert/IconAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import CheckIcon from '@material-ui/icons/Check';

docs/src/pages/components/alert/OutlinedAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 

docs/src/pages/components/alert/OutlinedAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 

docs/src/pages/components/alert/SimpleAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 

docs/src/pages/components/alert/SimpleAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 

docs/src/pages/components/alert/TransitionAlerts.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import IconButton from '@material-ui/core/IconButton';

docs/src/pages/components/alert/TransitionAlerts.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { makeStyles, Theme, createStyles } from '@material-ui/core/styles';
 import Alert from '@material-ui/lab/Alert';
 import IconButton from '@material-ui/core/IconButton';