flags not showing

[jacky-ew]

[Dhara-Actonate]

I am getting the same issue. Can you please help solving it?

[marwajomaa]

I have the same issue, what's the fix for that?!! any help is appreciated. Thanks

[andrewsantarin]

@jacky-ew @Dhara-Actonate @marwajomaa

1. What is your setup? Create React App? Next.js?
2. Could you try the workaround in https://github.com/patw0929/react-intl-tel-input/issues/371#issuecomment-921258881?

[rayrare112]

@jacky-ew @Dhara-Actonate @mariusandra In my case:

Notice that the url source of background image is shown as '[object Module]' This is caused by the url-loader. You should modify your url-loader configuration with options below:

options: {
    esModule: false,
},

This will fix the issue in my case. Hope it will be helpful to you.

[Hien997]

I have had to install url-loader https://www.npmjs.com/package/url-loader This will fix the issue.

[radelcom]

i just ran into this after upgrading react-scripts/webpack to ~v5. what works for me is following webpack asset-modules docs

{
    test: /\.png/,
    type: 'asset/resource'
}

[gary-hodgson-infotrack]

Thanks @radelcom - that fixed my issue as well. module: { rules: [ { test: /\.png/, type: 'asset/resource', }]}