EC maker

- @svgr/webpackでSVGをコンポーネント化する -

// next.config.js
module.exports = {
  webpack(config) {
    config.module.rules.push({
      test: /.svg$/i,
      issuer: /.[jt]sx?$/,
      use: ['@svgr/webpack'],
    })

    return config
  },
}

import SvgComponent from '../../public/sandbox/makoto.svg';
  ...
  <SvgComponent />