I'm trying to use onChange function on a slider, but I keep getting and error with the Value. Am I doing something wrong ?

I'm using TypeScript and ViteJS.

My code:

      <Slider
        color="success"
        aria-label="Small steps"
        defaultValue={0.00000005}
        step={1}
        marks
        min={5}
        max={20}
        valueLabelDisplay="auto"
        value={passwordLength}
        onChange={(e) => setPasswordLength(e.target.value)}
      />