如何在滑块(material ui)中更改标签的值？

import React, { useState } from 'react';
import Slider from '@material-ui/core/Slider';
import Typography from '@material-ui/core/Typography';

const [value, setValue] = useState(50);

const handleSliderChange = (event, newValue) => {
  setValue(newValue);
};

return (
  <div>
    <Slider value={value} onChange={handleSliderChange} />
    <Typography>{value}</Typography>
  </div>
);