Failed to execute 'createElement' on 'Document': The tag name provided ('static/media/arrow-right.981294d1.svg') is not a valid name.

I have error in storybook when config svgr webpack for project.

This is my config

const path = require('path');

module.exports = async ({ config }) => {
  config.module.rules.push(
    {
      test: /\.less$/,
      use: [
        'style-loader',
        'css-loader',
        {
          loader: 'less-loader',
          options: {
            javascriptEnabled: true,
          },
        },
      ],
      include: path.resolve(__dirname, '../'),
    },
    {
      test: /\.svg$/,
      use: [
        {
          loader: '@svgr/webpack',
          options: {
            icon: true,
          },
        },
      ],
    }
  );
  config.resolve.extensions.push('.js', '.jsx', '.svg');
  config.resolve.modules.push(path.resolve('.'));
  return config;
};