text: import * as React from 'react';
  import Typography from '@material-ui/core/Typography';
  import Slider from '@material-ui/lab/SliderStyled';
  
  function valueLabelFormat(value) {
    const [coefficient, exponent] = value
      .toExponential()
      .split('e')
      .map((item) => Number(item));
    return `${Math.round(coefficient)}e^${exponent}`;
  }
  
  export default function NonLinearSlider() {
    const [value, setValue] = React.useState(1);
  
    const handleChange = (event, newValue) => {
      setValue(newValue);
    };
  
    return (
      <div>
        <Typography id="non-linear-slider" gutterBottom>
          Temperature range
        </Typography>
        <Slider
          value={value}
          min={0}
          step={0.1}
          max={6}
          scale={(x) => x ** 10}
          getAriaValueText={valueLabelFormat}
          valueLabelFormat={valueLabelFormat}
          onChange={handleChange}
          valueLabelDisplay="auto"
          aria-labelledby="non-linear-slider"
        />
      </div>
    );
  }
  