create-react-app: Import SVG paths with default import

[karlhorky]

🐛 bug report

Description of the problem

In create-react-app I would like to be able to import SVG image paths using the syntax below:

import img from './img.svg'

This works in a normal create-react-app application.

In CodeSandbox it results in a broken image:

Alternatives I've Tried

I know that there is the ReactComponent named export from SVGs, which is great!

import { ReactComponent } from "./resources/calendar.svg";

But sometimes I want to import the paths to the SVGs instead.

How has this issue affected you? What are you trying to accomplish?

I would like to use SVGs with the paths instead of the ReactComponent.

Importing images from

Link to sandbox: link (optional)

Your Environment

Software	Name/Version
Сodesandbox
Browser
Operating System

[github-actions]

This issue is stale because it has been open many days with no activity. It will be closed soon unless the stale label is removed or a comment is made.

[karlhorky]

not stale

[SaraVieira]

Your sandbox is working tho

https://codesandbox.io/s/small-framework-sjkrq

[karlhorky]

oh bam, nice!! Didn't see any news here, so I thought nothing changed. Closing!