Как добавить фиксированную подсказку на ползунок Material Ui, когда есть прокручиваемая подсказка

Question

Я работаю над приложением ReactJs. Я хочу добавить фиксированную подсказку на слайдер пользовательского интерфейса материала. Исправлена ​​подсказка будет отображаться на основе некоторого значения Dynami c. У меня также есть всплывающая подсказка, по которой я могу скользить вдоль слайдера. Нужна помощь в рисовании этой фиксированной подсказки. Любая помощь будет отличной. Спасибо

<Slider
                        min={priceMinRange}
                        max={priceMaxRange}
                        defaultValue={800}
                        getAriaValueText={valuetext}
                        aria-labelledby="discrete-slider-always"
                        step={50}
                        marks={priceRange}
                        valueLabelDisplay="on"
                        value={priceRangeValue}
                        onChange={handleChange}
                        ValueLabelComponent={ValueLabelComponent}
                      >
                        <Tooltip
                          // arrow
                          //  classes={classes}
                          // {...props}
                          //open={open}
                          //  enterTouchDelay={0}
                          placement="top"
                          title={"test"}
                          value={3050}
                        ></Tooltip>
                      </Slider>



   function ValueLabelComponent(props) {
  const { children, open, value } = props;
  const classes = useStylesBootstrap();
  return (
    <React.Fragment>
      <Tooltip
        arrow
        classes={classes}
        // {...props}
        open={open}
        //  enterTouchDelay={0}
        placement="top"
        title={value}
        PopperProps={{ disablePortal: true }}
      >
        {children}
      </Tooltip>
    </React.Fragment>
  );
}