Slider: Received `false` for a non-boolean attribute `dragging`.

[Bernabe-Felix]

Handle is passing a boolean property to the generated div

[edplato]

@Bernabe-Felix The problem is a boolean is being passed as the dragging prop, when it is asking for a string. A temporary fix that we found is to wrap Handle in a function that returns it with a modified dragging prop. Something like this can be incorporated into a component:

import Slider, { Handle } from 'rc-slider';

const HandleWrapper = props => {
  const { dragging, ...restProps } = props;

  return (
    <React.Fragment>
      <Handle dragging={dragging.toString()} {...restProps} />
    </React.Fragment>
  );
};

... a lot of code skipped ...

<Slider
  handle={HandleWrapper}
/>

[kiran8910]

I'm getting similar error with version 8.7.0 for reverse attribute

[twistezo]

Take a look at line: const { dragging, ...restProps } = props;.
props should be unwrapped instead of passing them directly like: <Handle dragging={props.dragging.toString()} {...props} />

In the other words, you can't skip const { dragging, ...restProps } = props;.