material-ui-phone-number

material-ui-phone-number copied to clipboard

When I type a number with defaultCountry={'ca'} (Country code: +1), the flag changes to the USA (Country code: +1).

Before typing

After typing number:

There might be a mechanism to auto-detect the country code based on the number. How can I prevent this from happening if I have already selected the country?

Note: When I select Canada from the country code selection, it locks the country code, and it displays the Canadian country code while typing.