Material-UI滑块未更改活动范围颜色

import React from 'react';
import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';
import Slider from '@material-ui/core/Slider';

// 创建自定义主题
const theme = createMuiTheme({
  overrides: {
    MuiSlider: {
      thumb: {
        color: 'red', // 活动范围颜色
      },
      track: {
        color: 'red', // 活动范围颜色
      },
      rail: {
        color: 'gray', // 非活动范围颜色
      },
    },
  },
});

const App = () => {
  return (
    <MuiThemeProvider theme={theme}>
      <Slider defaultValue={50} />
    </MuiThemeProvider>
  );
};

export default App;