ValueLabelComponent not working in Vertical Slider

[mishra-prabhakar]

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The thumb component is broken and the value label sticks at the top.

Expected Behavior 🤔

Thumb should be visible and clickable.
Value label should follow the thumb click/slide.

Steps to Reproduce 🕹

Codesandbox: https://codesandbox.io/s/material-demo-us8ni

Steps:

1. Click on the thumb
2. There should see an error

Context 🔦

I am trying to build a custom vertical slider with custom ValueLabelComponent.

Your Environment 🌎

Tech	Version
Material-UI	v4.11
React	16.3
Browser	Chrome, Firefox

[joshwooding]

You need to match the API of the ValueLabel component and render children.

There's an example in the customized sliders section
GitHub source: https://github.com/mui-org/material-ui/blob/master/docs/src/pages/components/slider/CustomizedSlider.js#L17

[joshwooding]

@oliviertassinari Do you think we need to add more docs for this?

[oliviertassinari]

@joshwooding At least, we plan to refactor this part in #17905