svgo doesnt seem to be included correctly

[sirpy]

Switching to vite from webpack some of the svgs are broken.
I've looked at the svgr/webpack code and its config is plugins:[svgo,jsx] vs just jsx in vite.
Just adding svgo:true in options doesnt seem to do anything

It is fixed after modifying the code to:

const { default: svgo } = await import("@svgr/plugin-svgo");

                const filePath = id.replace(postfixRE, "");
                const svgCode = await fs.promises.readFile(filePath, "utf8");
                
                const componentCode = await transform(svgCode, svgrOptions, {
                    filePath,
                    caller: {
                        defaultPlugins: [svgo.default,jsx],
                    },
                });

[phil294]

Your solution seems to fix it indeed. I've been trying to enable

    plugins: {
        svgr({
            svgrOptions: {
                svgo: true,
                svgoConfig: {
                    plugins: [
                        'removeXMLNS'

which only works with the svgo import (except it should be [svgo, jsx] not svgo.default)

[phil294]

Ah wait NVM, I missed the SVGO section in the Readme. No fork needed, instructions are pretty clear.