HTML input type=’range’ not moving

I have an Options component containing a slider input.
I don’t understand why the thumb of the slider doesn’t move if I set the “value” parameter, but i need it.

Here the code:

interface Props {
    value?: number
}

const Options: React.FC<Props> = ({ value }) => {

    return (
        <div className='options'>
            <span className='boh'>CUSTOMIZE YOUR PASSWORD</span>
            <div className='slider-container'>
                <input type="range" id="slider" min="1" max="100" value={value} />
                <label htmlFor="slider">Length</label>
            </div>
        </div>
    )
}

export default Options

I thank anyone who gives me a hand