[SliderUnstyled] TypeError Cannot read property 'getBoundingClientRect' of null

[luminaxster]

When using controlled sliders, while interacting with them, I continuously get errors on this line:
https://github.com/mui-org/material-ui/blob/2d4d0663ff1ed732e6952705d0e23eda13ae25ea/packages/material-ui-unstyled/src/SliderUnstyled/SliderUnstyled.js#L384

Due to this call:
https://github.com/mui-org/material-ui/blob/2d4d0663ff1ed732e6952705d0e23eda13ae25ea/packages/material-ui-unstyled/src/SliderUnstyled/SliderUnstyled.js#L460

It seems to be related to the slider being unmounted while event callbacks related to the notch being dragged are still triggered, for example in a Tooltip:
https://codesandbox.io/s/unstyledslider-material-demo-forked-7yzjd?file=/demo.js

I hold the notch, slide it three or four times, and suddenly move the cursor away while still holding the notch, forcing the tooltip to close, and after some tries, it throws the error:

[eps1lon]

Thanks for the report.

I added a screen recording to help understand the issue:

slider-getbounding-type-error.mp4

[AshuKV]

I want to work on this issue. Please assign this issue to me.

[luminaxster]

Any update?

[ertrzyiks]

I also see this problem and from what I found in base-ui repo it has been fixed there in mui/base-ui#373

Specifically, before any operation happen on the slider the code checks for presence of the slider: https://github.com/mui/base-ui/blob/919782450f55281e2609aee375a252a50aa3d3d6/packages/mui-base/src/Slider/Root/useSliderRoot.ts#L315-L317

const { current: sliderControl } = controlRef;
if (!sliderControl) {
  return null;
}

const { width, height, bottom, left } = sliderControl!.getBoundingClientRect();

That extra check would prevent @mui/base from throwing the error.

[hafsalatif]

I also see this problem and from what I found in base-ui repo it has been fixed there in mui/base-ui#373

Specifically, before any operation happen on the slider the code checks for presence of the slider: https://github.com/mui/base-ui/blob/919782450f55281e2609aee375a252a50aa3d3d6/packages/mui-base/src/Slider/Root/useSliderRoot.ts#L315-L317

const { current: sliderControl } = controlRef;
if (!sliderControl) {
  return null;
}

const { width, height, bottom, left } = sliderControl!.getBoundingClientRect();

That extra check would prevent @mui/base from throwing the error.

I am using the latest version of all but still facing same issue

 "@emotion/react": "^11.11.4",
 "@emotion/styled": "^11.11.5",
 "@mui/icons-material": "^5.15.20",
 "@mui/lab": "^5.0.0-alpha.170",
 "@mui/material": "^5.15.20",