Invariant Violation: View config not found for name (svg content)

My app can’t render svg file because this error code.

this is error code.

error

Exception: Invariant Violation: View config not found for name <?xml version="1.0" encoding="UTF-8" standalone="no" ?><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 235.032 75.093" width="235.032" height="75.093"><path d="M8.828 

I’m struggling with this issue for about a day.But I couldn’t reach solution…

could you help me?? Do you have any idea of the cause and resolution.

metro.config.js

const { getDefaultConfig } = require("metro-config");

module.exports = (async () => {
  const {
    resolver: { sourceExts, assetExts }
  } = await getDefaultConfig();
  return {
    transformer: {
      getTransformOptions: async () => ({
        transform: {
          experimentalImportSupport: false,
          inlineRequires: false
        }
      }),
      babelTransformerPath: require.resolve("react-native-svg-transformer")
    },
    resolver: {
      assetExts: assetExts.filter(ext => ext !== "svg"),
      sourceExts: [...sourceExts, "svg"]
    }
  };
})();

babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
  plugins: [
    [
      'babel-plugin-module-resolver',
      {
        root: ['./src'],
        extensions: [
          '.ios.ts',
          '.android.ts',
          '.ts',
          '.ios.tsx',
          '.android.tsx',
          '.tsx',
          '.jsx',
          '.js',
          '.json',
          '.svg'
        ],
        alias: {
          '@navigations': './src/navigations',
          '@models': './src/models',
          '@reducks': './src/store/reducks',
          '@screens': './src/screens',
          '@apis': './src/apis',
          '@utils': './src/utils',
          '@plugins': './src/plugins',
          '@assets': './src/assets',
        },
      },
    ],
    [
      "babel-plugin-inline-import",
      {
        "extensions": [".svg"]
      }
    ]
  ],
};

the code

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

<Logo width={50} height={50} />

I tried this code, the error not occured,but image was not rendered.

import {SvgXml} from 'react-native-svg';
<SvgXml xml={SvgXml} width={50} height={50} />

basic information

    "react": "16.9.0",
    "react-native": "0.61.5",
    "react-native-svg": "^12.0.3",
    "react-native-svg-transformer": "^0.14.3",

[tracyhyq]

@Yoshihide-Nishimoto the same to me? Have you solved the problem?

[brokrete-oleksii]

@Yoshihide-Nishimoto

 [
      "babel-plugin-inline-import",
      {
        "extensions": [".svg"]
      }
    ]

This block is the reason for the problem. Remove it from babel and will be good. I had the same error and removing helped.