fixed @mui/base

Author: WGrobler

package.json

@@ -7,6 +7,7 @@
   "dependencies": {
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
+    "@mui/base": "^5.0.0-beta.11",
     "@mui/icons-material": "^5.10.9",
     "@mui/lab": "^5.0.0-alpha.120",
     "@mui/material": "^5.8.5",

src/js/elements/mapchip/components/linear_scrubber/styledElements.js

@@ -1,5 +1,5 @@
 import { styled } from '@mui/system';
-import SliderUnstyled, { sliderUnstyledClasses } from '@mui/base/SliderUnstyled';
+import Slider, { sliderClasses } from '@mui/base/Slider';
 
 export const ParentContainer = styled('div')(({ theme }) => ({
   padding: "15px 10px",
@@ -13,7 +13,7 @@ export const CustomSliderRail = styled('div')(({ theme }) => ({
   borderRadius: "10px"
 }));
 
-export const StyledSlider = styled(SliderUnstyled)(
+export const StyledSlider = styled(sliderClasses)(
   ({ theme }) => `
   color: ${theme.palette.grey[500]};
   height: 4px;

src/js/tabular_comparison/components/styledElements.js

@@ -1,6 +1,5 @@
 import { styled } from '@mui/system';
 import Button from '@mui/material/Button';
-import SliderUnstyled, { sliderUnstyledClasses } from '@mui/base/SliderUnstyled';
 
 import Select from '@mui/material/Select';
 import MenuItem from '@mui/material/MenuItem';