Import SVGs as components in webpack

Install svgr:

npm install --save-dev @svgr/webpack

Add an import rule for svgs:

module.exports = {
  module: {
    rules: [
      {
        test: /\.svg$/i,
        use: ['@svgr/webpack'],
      },
    ],
  },
}

Voilà!

import Star from './star.svg'

const Example = () => (
  <div>
    <Star />
  </div>
)