Issue with Canada and the USA still exists

[NataliaLyfar]

It's a problem to choose Canada the first time. Canada and the US have the same initial code and confusion occurs. Canada is selected only after choosing again.
<PhoneInput
enableSearch={true}
enableAreaCodes={true}
enableAreaCodeStretch={true}
preserveOrder={["enableAreaCodes", "preferredCountries"]}
preferredCountries={["us"]}
country={"us"}
value={data?.gcPhone || ""}
onChange={(phone) => handleProjectChange("gcPhone", phone)}
inputProps={{
name: "gcPhone",
className: "phoneInput",
}}
/>

[Iambivert-wiingy]

Facing the same issue . Any updates on this. ??

[dev-PedroOliveira]

I am facing the same issue as well, but not only this, even if I select canada again an it shows the correct flag, when I start typing the flag goes back to US

Video.sem.titulo.Feito.com.o.Clipchamp.14.mp4

this is the code that I have for this screen record

<PhoneInput
  onlyCountries={['us', 'ca']}
  placeholder={placeholder}
  value={value}
  onChange={onChange}
  inputStyle={{
    // My custom styles, should not affect this
  }}
/>