Auto flag change behavior/issue

[SujitSingh]

I am wondering if we have noticed the flag auto-change behavior where the new auto-selected flag shows a different country?

Eg - On the home page or the forked Codesandbox, after selecting US country flag/code, type 829 as phone number. You will notice the flag got auto changed, but the country-code +1 remained as it was.

I have seen similar behavior while entering phone numbers such as 345***, 441***, 648*** when +1 country code was entered.
The main reason to me looks like to be presence of other country codes starting with +1, such as +1345, +1441, +1648, and few more are causing country detection logic to misbehave.
I also checked the libphonenumber-js, which seems to be properly detecting the correct country code.

If above mentioned behavior is actually a bug and is not suppose to behave that way, I am thinking to raise an issue and PR for it.

[SujitSingh]

I have been able to handle cases such as +1345, +1441, +1648 using a self-controlled component for the wrapper of MuiTelInput where I am maintaining a local-state variable to hold entered phone value in +<country-code> <number> string format.

But the case of this 829 seems to be something special.