Пропадают элементы React при import?

Question

[nonfiction]

Есть файл index.js имеющий содержимое:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

ReactDOM.render(
  <React.StrictMode>
    <App /> 
  </React.StrictMode>,
  document.getElementById('root')
);

Есть файл slider.js имеющий содержимое:

import React from 'react';
import { makeStyles } from '@mui/material/styles';
import Typography from '@mui/material/Typography';
import Slider from '@mui/material/Slider';

const useStyles = makeStyles({
  root: {
    width: 300,
  },
});

function valuetext(value) {
  return `${value}°C`;
}

export default function DiscreteSlider() {
  const classes = useStyles();

  return (
    <div className={classes.root}>
      <Typography id="discrete-slider" gutterBottom>
        Temperature
      </Typography>
      <Slider
        defaultValue={30}
        getAriaValueText={valuetext}
        aria-labelledby="discrete-slider"
        valueLabelDisplay="auto"
        step={10}
        marks
        min={10}
        max={110}
      />
      <Typography id="discrete-slider" gutterBottom>
        Disabled
      </Typography>
      <Slider
        defaultValue={30}
        getAriaValueText={valuetext}
        aria-labelledby="discrete-slider"
        valueLabelDisplay="auto"
        step={10}
        marks
        min={10}
        max={110}
        disabled
      />
    </div>
  );
}

И есть App.js с:

import * as React from 'react';
import Button from '@mui/material/Button';

   function App() {
     return <Button variant="contained">Contained</Button>
  }

export default App.

Все идет хорошо на главной странице отображается конпка. Но стоит мне добавит в index.js следующие и все содержимое со страницы проподает:
import DiscreteSlider from './slider'

Что делать?

Comments

[Александр]

И не пишет ничего в консоли?

[nonfiction]

Александр, нет

[Александр]

nonfiction, уверены?

MUI: makeStyles is no longer exported from @mui/material/styles.
You have to import it from @mui/styles.
See https://mui.com/r/migration-v4/#mui-material-styles for more details.