fix: Slider onChange function type problem

[maximegheraille]

• I have searched the issues of this repository and believe that this is not a duplicate.

Describe the bug

when using the slider an settting the state from the onChange event, I get a problem.

The type is supposed to be : (event: ChangeEvent<HTMLElement>) => void but the problem with that is that I cannot access the event.target.value Property 'value' does not exist on type 'EventTarget & HTMLElement'..

Using event: React.ChangeEvent I can access the event.target.value but not I cannot compile it, it gives this type error Type '(event: React.ChangeEvent<HTMLInputElement>) => void' is not assignable to type '(event: ChangeEvent<HTMLElement>) => void'.

Do you guys need to update the type or is there an another way to get the value ?

My code:

import { useEffect, useState } from "react"


const Navigation: React.FC = () => {
    const [Volume, setVolume] = useState<number>(100)

    return (
        <>
                    <div className="flex items-center justify-center pr-1">
                   <Slider className='text-black p-1' value={Volume} onChange={(event: React.ChangeEvent<HTMLInputElement>) => setVolume(parseInt(event.target.value))} max='100' min='0' />
        </>
    )
}

export default Navigation