Update to next11

Author: rvsia

packages/react-renderer-demo/package.json

@@ -37,17 +37,17 @@
         "@material-ui/styles": "^4.10.0",
         "@mdx-js/loader": "^1.6.22",
         "@mdx-js/react": "^1.6.22",
-        "@next/bundle-analyzer": "^10.0.5",
-        "@next/mdx": "^10.0.5",
+        "@next/bundle-analyzer": "^11.1.2",
+        "@next/mdx": "^11.1.2",
         "@stackblitz/sdk": "^1.5.2",
         "clsx": "^1.1.1",
         "codesandbox": "2.2.1",
         "docsearch.js": "^2.6.3",
         "firebase-admin": "^9.11.1",
         "firebase-functions": "^3.15.5",
         "markdown-to-jsx": "^7.1.1",
-        "next": "10.0.5",
-        "next-offline": "^5.0.2",
+        "next": "11.1.2",
+        "next-offline": "^5.0.5",
         "prism-react-renderer": "^1.1.1",
         "prop-types": "^15.7.2",
         "raw-loader": "^4.0.2",
@@ -56,7 +56,7 @@
         "react-dom": "^17.0.2",
         "react-github-buttons": "^0.5.0",
         "react-sticky-box": "^0.9.3",
-        "terser-webpack-plugin": "^4.2.3"
+        "terser-webpack-plugin": "^5.2.4"
     },
     "devDependencies": {
         "@babel/cli": "^7.12.10",

packages/react-renderer-demo/src/components/common/connected-links.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import Grid from '@material-ui/core/Grid';
 import Button from '@material-ui/core/Button';
-import makeStyles from '@material-ui/styles/makeStyles';
+import { makeStyles } from '@material-ui/core/styles';
 import ChevronRight from '@material-ui/icons/ChevronRight';
 import ChevronLeft from '@material-ui/icons/ChevronLeft';
 import Link from 'next/link';

packages/react-renderer-demo/src/examples/components/form-template/form-level-validation.js

@@ -12,7 +12,7 @@ import Typography from '@material-ui/core/Typography';
 import List from '@material-ui/core/List';
 import ListItem from '@material-ui/core/ListItem';
 import ListItemText from '@material-ui/core/ListItemText';
-import { makeStyles } from '@material-ui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import red from '@material-ui/core/colors/red';
 
 const componentMapper = {

packages/react-renderer-demo/src/next.config.js

@@ -69,7 +69,6 @@ module.exports = withBundleAnalyzer(
 
         config.optimization.minimizer = [
           new TerserPlugin({
-            cache: true,
             parallel: false,
             terserOptions: {
               keep_classnames: true, // eslint-disable-line camelcase

packages/react-renderer-demo/src/pages/live-editor.js

@@ -4,7 +4,7 @@ import componentTypes from '@data-driven-forms/react-form-renderer/component-typ
 import FormBuilder from '@data-driven-forms/form-builder/form-builder';
 import { CopyToClipboard } from 'react-copy-to-clipboard';
 import { pickerMapper, propertiesMapper, builderMapper, BuilderTemplate, fieldProperties } from '@data-driven-forms/form-builder/mui-builder-mappers';
-import { makeStyles } from '@material-ui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import Box from '@material-ui/core/Box';
 import Button from '@material-ui/core/Button';
 import Snackbar from '@material-ui/core/Snackbar';