NextJS SVG Embed.md

To embed the contents of an SVG file into your site using NextJS with the new Rust-based compiler (Turbopack), perform the following steps:

1. Install @svg/webpack:

$ npm install --save-dev @svgr/webpack

2. Add to your webpack config in next.config.js with the following options. This will remove the width and height from the SVG but keep the viewBox for correct scaling.

module.exports = {
  turbopack: {
    rules: {
      '*.svg': {
        loaders: [
          {
            loader: '@svgr/webpack',
            options: {
              svgoConfig: {
                multipass: true,
                plugins: ['removeDimensions'],
              },
            },
          },
        ],
        as: '*.js',
      },
    },
  },
}

3. Import SVG into component

import Logo from 'public/images/logo.svg';

4. Use the Component

<Logo className="h-8 w-auto sm:h-10" alt="Site Title" />

hi friend, what does multipass prop do?
I do not see any prop about this one in https://react-svgr.com/docs/options/