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; }