react-native-svg

[mementomoriCarpediem]

Package information

• "react-native-svg": "^13.14.0",

Configuration

/**
 * @type {import("@react-native-esbuild/core").Config}
 */
exports.default = {
    logger: {
        timestamp: 'YYYY-MM-DD HH:mm:ss.SSS',
    },
    resolver: {},
    transformer: {
        fullyTransformPackageNames: [],
        stripFlowPackageNames: ['react-native-blob-util', 'react-native-fs'],
        additionalTransformRules: {
            babel: [
                {
                    test: (path, code) => {},
                    options: {},
                },
            ],
        },
    },
};

Additional context

• I am using related libraries as listed below
  : "react-native-svg-transformer": "^1.1.0",
  :"@svgr/babel-plugin-transform-svg-component": "^8.0.0",

• and in metro config. I set babelTransformerPath same as below.

 return mergeConfig(defaultConfig, {
        transformer: {
            getTransformOptions: async () => ({
                transform: {
                    experimentalImportSupport: false,
                    inlineRequires: false,
                },
            }),
            babelTransformerPath: require.resolve('react-native-svg-transformer'), 
        resolver: {
            assetExts: assetExts.filter((ext) => ext !== 'svg' && ext !== 'cjs'),
            sourceExts: [...sourceExts, 'svg', 'cjs'],
        },
    });

• here is error shown when I execute bundle command.

[leegeunhyeok]

Sorry for the late response.

Since react-native-esbuild includes SVG transformation functionality by default, there is no need for a babel configuration.

Please check if the file extension is .svg, remove the babel svg configuration, and then verify. If the issue persists, please send the code required to reproduce the issue.