Config Storybook to avoid conflicts with SVGR

webpack.config.js

const path = require('path');

const pathToInlineSvg = path.resolve(__dirname, '../resources/icons');

module.exports = (_, _, defaultConfig) => {
  const rules = defaultConfig.module.rules;

  // modify storybook's file-loader rule to avoid conflicts with svgr
  const fileLoaderRule = rules.find(rule => rule.test.test('.svg'));
  fileLoaderRule.exclude = pathToInlineSvg;
  
  rules.push({
    test: /\.svg$/,
    include: pathToInlineSvg,
    use: [{
      loader: '@svgr/webpack',
      options: {
        icon: true,
      },
    }],
  });
  
  return defaultConfig;
};

Hey @d4rekanguok ,
I know that is an old code but I am wondering if it still working for Webpack5 ? because I am getting this error :

ERR! module.exports = (_, _, defaultConfig) => {
ERR!                      ^
ERR! 
ERR! SyntaxError: Duplicate parameter name not allowed in this context