Create-react-app: svg import as React Component is not working in Internet Explorer

[sheshanth]

Describe the bug

Importing svg as React component is not working in Internet Explorer (IE 11)

Environment

every environment for IE 11 is not working with [email protected]

Steps to reproduce

1. npx create-react-app example & cd example
2. Import any svg as react component.
   import { ReactComponent as ExampleIcon} from './assets/example-icon.svg' and render
   <ExampleIcon />

Expected behavior

should render svg

Working in chrome

Actual behavior

not rendering in IE 11 (throws error )

Reproducible demo

app-link: application link

[neilbryson]

This is not a CRA bug.

You can try copying the contents of browserslist.production to browserslist.development. This is in package.json.

By default, the supported browsers in development mode are last 1 chrome version, last 1 firefox version and last 1 safari version.

You may have to delete node_modules/.cache to have the targets refresh.