react-intl-tel-input
react-intl-tel-input copied to clipboard
flags not showing
![Screenshot 2021-04-13 at 8 43 09 PM](https://user-images.githubusercontent.com/56298610/114554056-e3752780-9c98-11eb-9fb1-1342f1c24811.png)
I am getting the same issue. Can you please help solving it?
I have the same issue, what's the fix for that?!! any help is appreciated. Thanks
@jacky-ew @Dhara-Actonate @marwajomaa
- What is your setup? Create React App? Next.js?
- Could you try the workaround in https://github.com/patw0929/react-intl-tel-input/issues/371#issuecomment-921258881?
@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.
I have had to install url-loader
https://www.npmjs.com/package/url-loader
This will fix the issue.
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'
}
Thanks @radelcom - that fixed my issue as well.
module: { rules: [ { test: /\.png/, type: 'asset/resource', }]}