[BUG] - Select value not reset after unselect an item

[wong2]

NextUI Version

2.4.1

Describe the bug

In an uncontrolled form, after select and then unselect an item, reading form data inonSubmit still gets the selected value for this field.

Your Example Website or App

const onSubmit = useCallback((e: FormEvent) => {
  e.preventDefault()
  const formData = new FormData(e.target as HTMLFormElement)
  alert(JSON.stringify(Object.fromEntries(formData), null, 2))
}, [])

return (
  <form onSubmit={onSubmit}>
    <Select name="account_filter" label="Account filter" size="sm">
      <SelectItem key="verified">From verified users</SelectItem>
      <SelectItem key="follows">From accounts you follow</SelectItem>
    </Select>
  </form>
)

Steps to Reproduce the Bug or Issue

1. Select an item in Select
2. Unselect the item
3. Submit the form

You can see the process in my video attachment.

Expected behavior

I'd expect to get empty value for this Select field

Screenshots or Videos

Screen.Recording.2024-06-01.at.13.11.47.mov

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-941 [BUG] - Select value not reset after unselect an item