Expected behavior

I expect to get a console.log and a state update with the value when changing the rangeInput

Actual behavior

The handelChange does not console log or change the state to the changed value

Resources (screenshots, code snippets etc.)

This is my code

const Player = () => {
    const [volume, setvolume] = useState(100)
    const handleChange = (value: any) => {
        console.log(value);
        setvolume(value)
    };
    return (
        <div className="d-flex align-items-center w-xl-50 w-lg-50 w-md-50">
            <MDBIcon className="mr-2 ml-4 d-none d-sm-block" icon="volume-up" />
            <MDBRangeInput className="d-none d-sm-block" min={0} max={100} value={volume} getValue={() =>handleChange} />
        </div>
    )
}
export default Player