@mui/codemod 5.13.3 → 5.14.0

package/node/v5.0.0/jss-to-styled.test/eighth.actual.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Cart;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
 var _Container = _interopRequireDefault(require("modules/components/Container"));
@@ -28,6 +28,8 @@ var _getCart = _interopRequireDefault(require("modules/getCart"));
 var _Head2 = _interopRequireDefault(require("modules/components/Head"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Head, _React$Fragment, _AppFooter;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)(theme => ({
   stepper: {
     marginLeft: theme.spacing(5),
@@ -60,7 +62,7 @@ function Cart() {
   } = (0, _reactRedux.useSelector)(state => ({
     cart: state.data.cart
   }));
-  _react.default.useEffect(() => {
+  React.useEffect(() => {
     if (cart.entries == null) {
       return;
     }
@@ -103,7 +105,7 @@ function Cart() {
       }
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
     children: [_Head || (_Head = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Head2.default, {
       title: "View cart",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("meta", {
@@ -125,7 +127,7 @@ function Cart() {
         side: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OrderSummary.default, {
           cart: cart,
           loading: !cart,
-          footer: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+          footer: /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
               variant: "contained",
               naked: true,
@@ -144,7 +146,7 @@ function Cart() {
             })]
           })
         }),
-        children: cartEntries.length === 0 ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        children: cartEntries.length === 0 ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             variant: "h4",
             gutterBottom: true,
@@ -159,7 +161,7 @@ function Cart() {
               }), "."]
             })
           })]
-        })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
             variant: "h4",
             gutterBottom: true,

package/node/v5.0.0/jss-to-styled.test/eighth.expected.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Cart;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _Link = _interopRequireDefault(require("@material-ui/core/Link"));
@@ -28,6 +28,8 @@ var _getCart = _interopRequireDefault(require("modules/getCart"));
 var _Head2 = _interopRequireDefault(require("modules/components/Head"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Head, _React$Fragment, _AppFooter;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'eighth';
 const classes = {
   stepper: `${PREFIX}-stepper`,
@@ -71,7 +73,7 @@ function Cart() {
   } = (0, _reactRedux.useSelector)(state => ({
     cart: state.data.cart
   }));
-  _react.default.useEffect(() => {
+  React.useEffect(() => {
     if (cart.entries == null) {
       return;
     }
@@ -136,7 +138,7 @@ function Cart() {
         side: /*#__PURE__*/(0, _jsxRuntime.jsx)(_OrderSummary.default, {
           cart: cart,
           loading: !cart,
-          footer: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+          footer: /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
               variant: "contained",
               naked: true,
@@ -155,7 +157,7 @@ function Cart() {
             })]
           })
         }),
-        children: cartEntries.length === 0 ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        children: cartEntries.length === 0 ? _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
             variant: "h4",
             gutterBottom: true,
@@ -170,7 +172,7 @@ function Cart() {
               }), "."]
             })
           })]
-        })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+        })) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
             variant: "h4",
             gutterBottom: true,

package/node/v5.0.0/jss-to-styled.test/eleventh.actual.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _SomeNamespace = _interopRequireDefault(require("SomeNamespace"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)(theme => ({
   header: {
     marginLeft: theme.spacing(5),

package/node/v5.0.0/jss-to-styled.test/eleventh.expected.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _SomeNamespace = _interopRequireDefault(require("SomeNamespace"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'eleventh';
 const classes = {
   header: `${PREFIX}-header`,

package/node/v5.0.0/jss-to-styled.test/fifth.actual.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _Container = _interopRequireDefault(require("modules/components/Container"));
@@ -13,6 +13,8 @@ var _Button2 = _interopRequireDefault(require("modules/components/Button"));
 var _Link = _interopRequireDefault(require("modules/components/Link"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Typography, _Button;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)(theme => {
   const color = theme.palette.primary.main;
   return {

package/node/v5.0.0/jss-to-styled.test/fifth.expected.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _Container = _interopRequireDefault(require("modules/components/Container"));
@@ -13,6 +13,8 @@ var _Button2 = _interopRequireDefault(require("modules/components/Button"));
 var _Link = _interopRequireDefault(require("modules/components/Link"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Typography, _Button;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'SellHero';
 const classes = {
   root: `${PREFIX}-root`,

package/node/v5.0.0/jss-to-styled.test/first.actual.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _reactRedux = require("react-redux");
@@ -24,6 +24,8 @@ var _actionTypes = _interopRequireDefault(require("modules/redux/actionTypes"));
 var _getUser = _interopRequireDefault(require("modules/getUser"));
 var _getCart = _interopRequireDefault(require("modules/getCart"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // import SearchBar from 'modules/components/SearchBar';
 
 const styles = theme => ({
@@ -121,7 +123,7 @@ const styles = theme => ({
     }
   }
 });
-class AppAppBar extends _react.default.Component {
+class AppAppBar extends React.Component {
   constructor(...args) {
     super(...args);
     this.state = {

package/node/v5.0.0/jss-to-styled.test/first.expected.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -24,6 +24,8 @@ var _actionTypes = _interopRequireDefault(require("modules/redux/actionTypes"));
 var _getUser = _interopRequireDefault(require("modules/getUser"));
 var _getCart = _interopRequireDefault(require("modules/getCart"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 // import SearchBar from 'modules/components/SearchBar';
 
 const PREFIX = 'AppAppBar';
@@ -137,7 +139,7 @@ const StyledAppBar = (0, _styles.styled)(_AppBar.default)(({
     }
   }
 }));
-class AppAppBar extends _react.default.Component {
+class AppAppBar extends React.Component {
   constructor(...args) {
     super(...args);
     this.state = {

package/node/v5.0.0/jss-to-styled.test/multipleWithStyles.actual.js

@@ -5,11 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Test = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _React$Fragment;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const Button1 = (0, _withStyles.default)({
   root: {
     backgroundColor: 'red'
@@ -31,7 +33,7 @@ const Button3 = (0, _withStyles.default)({
     padding: '0px'
   }
 })(_Button.default);
-const Test = () => _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+const Test = () => _React$Fragment || (_React$Fragment = /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
   children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Button1, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Button2, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(Button3, {})]
 }));
 exports.Test = Test;

package/node/v5.0.0/jss-to-styled.test/multipleWithStyles.expected.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Test = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'Test';
 const classes = {
   root: `${PREFIX}-root`,

package/node/v5.0.0/jss-to-styled.test/second.actual.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _Container = _interopRequireDefault(require("modules/components/Container"));
@@ -14,6 +14,8 @@ var _Link = _interopRequireDefault(require("modules/components/Link"));
 var _Link2 = _interopRequireDefault(require("@material-ui/core/Link"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Typography, _Button;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)(theme => ({
   root: {
     height: '70vh',

package/node/v5.0.0/jss-to-styled.test/second.expected.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _Typography2 = _interopRequireDefault(require("@material-ui/core/Typography"));
 var _Container = _interopRequireDefault(require("modules/components/Container"));
@@ -14,6 +14,8 @@ var _Link = _interopRequireDefault(require("modules/components/Link"));
 var _Link2 = _interopRequireDefault(require("@material-ui/core/Link"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Typography, _Button;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'AffiliatesHero';
 const classes = {
   root: `${PREFIX}-root`,

package/node/v5.0.0/jss-to-styled.test/seventh.actual.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _gatsby = require("gatsby");
 var _jsxRuntime = require("react/jsx-runtime");
 var _CircularProgress;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)({
   iframe: {
     display: 'block',
@@ -55,9 +57,9 @@ const onPathnameChange = ({
 };
 function Iframe(props) {
   const classes = useStyles();
-  const [loaded, setLoaded] = _react.default.useState(false);
-  const [iframeHeight, setIframeHeight] = _react.default.useState(null);
-  _react.default.useEffect(() => {
+  const [loaded, setLoaded] = React.useState(false);
+  const [iframeHeight, setIframeHeight] = React.useState(null);
+  React.useEffect(() => {
     const handler = event => {
       console.log('event.data', event.data);
       const scrollHeight = event.data.scrollHeight;

package/node/v5.0.0/jss-to-styled.test/seventh.expected.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _gatsby = require("gatsby");
 var _jsxRuntime = require("react/jsx-runtime");
 var _CircularProgress;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'Iframe';
 const classes = {
   iframe: `${PREFIX}-iframe`,
@@ -59,9 +61,9 @@ const onPathnameChange = ({
   }
 };
 function Iframe(props) {
-  const [loaded, setLoaded] = _react.default.useState(false);
-  const [iframeHeight, setIframeHeight] = _react.default.useState(null);
-  _react.default.useEffect(() => {
+  const [loaded, setLoaded] = React.useState(false);
+  const [iframeHeight, setIframeHeight] = React.useState(null);
+  React.useEffect(() => {
     const handler = event => {
       console.log('event.data', event.data);
       const scrollHeight = event.data.scrollHeight;

package/node/v5.0.0/jss-to-styled.test/sixth.actual.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
@@ -43,7 +43,7 @@ const styles = theme => ({
 });
 
 // eslint-disable-next-line react/display-name
-const LinkToCart = /*#__PURE__*/_react.default.forwardRef((linkProps, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, (0, _extends2.default)({}, linkProps, {
+const LinkToCart = /*#__PURE__*/React.forwardRef((linkProps, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, (0, _extends2.default)({}, linkProps, {
   to: "/order-cart/",
   ref: ref
 })));

package/node/v5.0.0/jss-to-styled.test/sixth.expected.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -52,7 +52,7 @@ const StyledIconButton = (0, _styles.styled)(_IconButton.default)(({
 }));
 
 // eslint-disable-next-line react/display-name
-const LinkToCart = /*#__PURE__*/_react.default.forwardRef((linkProps, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, (0, _extends2.default)({}, linkProps, {
+const LinkToCart = /*#__PURE__*/React.forwardRef((linkProps, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, (0, _extends2.default)({}, linkProps, {
   to: "/order-cart/",
   ref: ref
 })));

package/node/v5.0.0/jss-to-styled.test/tenth.actual.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)(theme => ({
   header: {
     marginLeft: theme.spacing(5),

package/node/v5.0.0/jss-to-styled.test/tenth.expected.js

@@ -1,13 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const PREFIX = 'tenth';
 const classes = {
   header: `${PREFIX}-header`,

package/node/v5.0.0/jss-to-styled.test/twelfth.actual.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Page;
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _makeStyles = _interopRequireDefault(require("@material-ui/styles/makeStyles"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _div;
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const useStyles = (0, _makeStyles.default)(theme => ({
   header: {
     marginLeft: theme.spacing(5),
@@ -22,7 +24,7 @@ const useStyles = (0, _makeStyles.default)(theme => ({
 }));
 function Page() {
   const classes = useStyles();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Suspense, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Suspense, {
     fallback: _div || (_div = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       children: "Loading"
     })),

package/node/v5.0.0/preset-safe.test/actual.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _CssBaseline2 = _interopRequireDefault(require("@material-ui/core/CssBaseline"));
 var _yellow = _interopRequireDefault(require("@material-ui/core/colors/yellow"));
@@ -31,7 +31,9 @@ var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _withWidth = _interopRequireDefault(require("@material-ui/core/withWidth"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _Box, _Box2, _CssBaseline, _Header, _Box3, _Grid, _DialogTitle, _DialogContent;
-const DarkContext = /*#__PURE__*/_react.default.createContext();
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const DarkContext = /*#__PURE__*/React.createContext();
 const Test = (0, _withWidth.default)()(props => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box4.default, {
   p: 2,
   bgcolor: "divider",
@@ -105,7 +107,7 @@ const Header = () => {
   const {
     dark,
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
     color: "default",
     position: "sticky",
@@ -138,11 +140,11 @@ const Header = () => {
   });
 };
 function App() {
-  const [open, setOpen] = _react.default.useState(false);
+  const [open, setOpen] = React.useState(false);
   const handleClose = () => setOpen(false);
   const {
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [_CssBaseline || (_CssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CssBaseline2.default, {})), _Header || (_Header = /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {})), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
@@ -227,8 +229,8 @@ function App() {
   });
 }
 const withThemeProvider = Component => props => {
-  const [dark, setDark] = _react.default.useState(false);
-  const theme = _react.default.useMemo(() => (0, _styles.createMuiTheme)({
+  const [dark, setDark] = React.useState(false);
+  const theme = React.useMemo(() => (0, _styles.createMuiTheme)({
     palette: {
       type: dark ? 'dark' : 'light'
     }

package/node/v5.0.0/preset-safe.test/expected.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
+var React = _interopRequireWildcard(require("react"));
 var _styles = require("@mui/material/styles");
 var _makeStyles = _interopRequireDefault(require("@mui/styles/makeStyles"));
 var _StylesProvider = _interopRequireDefault(require("@mui/styles/StylesProvider"));
@@ -32,10 +32,12 @@ var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _colors = require("@mui/material/colors");
 var _jsxRuntime = require("react/jsx-runtime");
 var _Box, _Box2, _CssBaseline, _Header, _Box3, _Grid, _DialogTitle, _DialogContent; // FIXME checkout https://mui.com/components/use-media-query/#migrating-from-withwidth
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const withWidth = () => WrappedComponent => props => /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, (0, _extends2.default)({}, props, {
   width: "xs"
 }));
-const DarkContext = /*#__PURE__*/_react.default.createContext();
+const DarkContext = /*#__PURE__*/React.createContext();
 const Test = withWidth()(props => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box4.default, {
   p: 2,
   bgcolor: "divider",
@@ -109,7 +111,7 @@ const Header = () => {
   const {
     dark,
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
     color: "default",
     position: "sticky",
@@ -142,11 +144,11 @@ const Header = () => {
   });
 };
 function App() {
-  const [open, setOpen] = _react.default.useState(false);
+  const [open, setOpen] = React.useState(false);
   const handleClose = () => setOpen(false);
   const {
     setDark
-  } = _react.default.useContext(DarkContext);
+  } = React.useContext(DarkContext);
   const classes = useStyles();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [_CssBaseline || (_CssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_CssBaseline2.default, {})), _Header || (_Header = /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {})), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Container.default, {
@@ -232,8 +234,8 @@ function App() {
   });
 }
 const withThemeProvider = Component => props => {
-  const [dark, setDark] = _react.default.useState(false);
-  const theme = _react.default.useMemo(() => (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
+  const [dark, setDark] = React.useState(false);
+  const theme = React.useMemo(() => (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
     palette: {
       mode: dark ? 'dark' : 'light'
     }