[Component] - Select onValueChange bug

[acd02]

While using the Select component in controlled mode, two issues have been observed:

1. The onValueChange prop is executed on initial render, even though the value has not been changed.
2. Each time the value changes, the onValueChange prop is executed twice.

Repro ➡ https://stackblitz.com/edit/stackblitz-starters-ulfsq2?file=pagesContent%2Findex.tsx

The problem seems to originate from packages/components/select/src/SelectContext.tsx, specifically this piece of code:

useEffect(() => {
  if (valueProp) setValue(valueProp)
}, [valueProp, setValue])

The weird thing is, when we comment out what's inside the useEffect, all the tests still pass. And even when we interact with the component in the browser (in both controlled and uncontrolled modes), it doesn't seem to break anything