Add SVGR loader to your create-react-app via react-app-rewired.
yarn add --dev react-app-rewire-svgr
OR
npm install --save-dev react-app-rewire-svgr
In your react-app-rewired configuration:
/* config-overrides.js */
const rewireSVGR = require('react-app-rewire-svgr');
module.exports = function override(config, env) {
// ...
config = rewireSVGR(config, env);
// ...
return config;
}
In your React application:
import starUrl, { ReactComponent as Star } from './star.svg'
const App = () => (
<div>
<Star />
</div>
)
Also you can pass options to svgr webpack loader via third parameter
/* config-overrides.js */
const rewireSVGR = require('react-app-rewire-svgr');
module.exports = function override(config, env) {
// ...
config = rewireSVGR(config, env, { svgo: false });
// ...
return config;
}