Changes for Material UI v7

https://mui.com/material-ui/migration/upgrade-to-v7/

Author: IngmarStein

src/Main.jsx

@@ -2,7 +2,7 @@ import { useSelector } from 'react-redux';
 
 import Container from '@mui/material/Container';
 import Box from '@mui/material/Box';
-import Grid from '@mui/material/Grid2';
+import Grid from '@mui/material/Grid';
 
 import AppBar from './features/appbar/AppBar';
 import ConfigManager from './features/config/ConfigManager';

src/features/schema/fields/location/InputSlider.jsx

@@ -1,15 +1,15 @@
 // Largely based on https://mui.com/material-ui/react-slider/#InputSlider.js
 import { styled } from '@mui/material/styles';
 import Box from '@mui/material/Box';
-import Grid from '@mui/material/Grid2';
+import Grid from '@mui/material/Grid';
 import Slider from '@mui/material/Slider';
 import MuiInput from '@mui/material/Input';
 
 const Input = styled(MuiInput)`
   width: 80px;
 `;
 
-export default function InputSlider({ min, max, step, value, onChange}) {
+export default function InputSlider({ min, max, step, value, onChange }) {
   const handleSliderChange = (event, newValue) => {
     onChange({ ...event, target: { ...event.target, value: newValue } });
   };
@@ -52,9 +52,9 @@ export default function InputSlider({ min, max, step, value, onChange}) {
             onChange={handleInputChange}
             onBlur={handleBlur}
             inputProps={{
-              step: {step},
-              min: {min},
-              max: {max},
+              step: { step },
+              min: { min },
+              max: { max },
               type: 'number',
               'aria-labelledby': 'input-slider',
             }}

src/features/schema/fields/oauth2/OAuth2Handler.jsx

@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import CircularProgress from '@mui/material/CircularProgress';
-import Grid from '@mui/material/Grid2';
+import Grid from '@mui/material/Grid';
 
 
 export default function OAuth2Handler() {

webpack.common.js

@@ -4,6 +4,7 @@ module.exports = {
     },
     resolve: {
         extensions: ['*', '.js', '.jsx'],
+        conditionNames: ['mui-modern', '...'],
     },
     module: {
         rules: [