Possible problem in Input Component

[Danielecina]

The feature or bug you are proposing

Input

The description of the bug or the rationale of your proposal's

wrong update of the state according to the react docs guide -> https://react.dev/reference/react/useState#updating-state-based-on-the-previous-Ifate

A snippet of code for replicating the issue or showing the proposal usage if applicable

const [val, setVal] = useState()
const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {
    const { value: nextValue } = event.target
    const nextVal = { ...val, [valuePropName]: nextValue }
    setVal(nextVal)
    if (onChange) {
      onChange(event, addonBeforeProp || addonAfterProp ? nextVal : nextValue)
    }
    // eslint-disable-next-line react-hooks/exhaustive-deps
 }, [addonAfterProp, addonBeforeProp, onChange, valuePropName])

The expected result for your bug

setVal(curentObj => {
  const nextVal = { ...curentObj, [valuePropName]: nextValue }
  if (onChange) {
    onChange(event, addonBeforeProp || addonAfterProp ? nextVal : nextValue)
  }
})

Your environment

browser: not important
node: 22
os: Mac