add a webpack module to razzle.config.js

razzle.config.js

'use strict';

module.exports = {
  modify: (defaultConfig, { target, dev }, webpack) => {
    const config = Object.assign({}, defaultConfig);
    
    config.module.rules = config.module.rules.reduce((rules, rule) => {

        if (rule.exclude &&
          rule.loader.indexOf('file-loader') !== -1) {

          const { exclude, ...rest } = rule;

          rules.push({ ...rest, ...{
            exclude: exclude.concat([/\.svg$/])
          }});

        }
        else {
          rules.push(rule);
        }
        
      return rules;
      
    }, []);
    
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: require.resolve('babel-loader'),
        },
        {
          loader: require.resolve('react-svg-loader'),
          options: {
            jsx: true // true outputs JSX tags
          }
        }
      ]
    });
    
    return config;
    }
  };