Documentation vs examples don't match

[workinprogresz]

I would like to modify the styling of the vertical scrollbar and thumb. In the documentation it is mentioned that to override the default you'll need to so something like
thumbYProps={{ renderer: props => { const { elementRef, ...restProps } = props; return <span {...restProps} ref={elementRef} className="tHuMbY" />; } }}
But in the code examples, even for the custom scroll thumb, this approach is not used.

Describe the solution you'd like
Can we clarify a clear way of customizing the scrollbars? Either update the documentation to match the examples or the examples to include the way of cusotmizing things as described in the docs.

[workinprogresz]

Randomly, while looking for a better library I stumbled upon this exaple that really helped
https://codesandbox.io/s/38k0kxmp75?file=/src/styles.css