Country flag disappears when loading number not in list

Hi, thanks for the great package!

I have an issue when loading a phone number which belongs to a country not listed in the countries prop.

Expected result: When specifying which countries to display in the select dropdown, loading a phone number from a country not in the list should display the ‘International’ flag.

Actual result: Loading a phone number from a country not in the select list still changes the country, and makes the flag disappear.

How I use the package:

 <PhoneInput
            value={props.value}
            country="SE"
            onChange={props.onChange}
            countries={["SE", "FI", "FR", "ES"]}
            displayInitialValueAsLocalNumber={true}
        />

If the value is set to, for example, a Russian phone number when the component loads, no flag will show up.

[daniols]

Awesome, thanks for the amazing work! Much appreciated.

[catamphetamine]

@emcorder Perhaps you’re using version < 3.x Otherwise, could be something else in your setup or in your app.