如何使用文件加载器在next.js中加载SVG图像？

module.exports = {
  webpack: (config, { isServer }) => {
    // 配置文件加载器
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: '@svgr/webpack',
          options: {
            svgoConfig: {
              plugins: {
                removeViewBox: false,
              },
            },
          },
        },
      ],
    });

    if (!isServer) {
      // 配置SVG文件的URL加载器
      config.module.rules.push({
        test: /\.svg$/,
        use: ['@svgr/webpack', 'url-loader'],
      });
    }

    return config;
  },
};

import Logo from '../path/to/logo.svg';

const MyComponent = () => {
  return <Logo />;
};

export default MyComponent;