React Native 0.66.4 - Invariant Violation: View config getter callback for component ...

I’ve using the RN 0.66.4 version, react-native-svg ^12.1.1 and react-native-svg-transformer ^1.0.0.

I’ve this error for all tries that I did.

Invariant Violation: View config getter callback for component `<svg width="41" height="40" viewBox="0 0 41 40" fill="none" >...` ...
must be a function (received `undefined`).

This error is located at:
    in <svg ...

my 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'],
    },
  };
})();

So, the react-native-svg-transformer is not available for this version?

[kristerkari]

@DwCleb sorry for the late response, but I had a look at your project, and it’s the babel-plugin-inline-import that is messing things up. I tried removing that Babel plugin from your project and it fixed the error.

[gegnew]

Same problem, but this does not fix it for me; any idea what else could cause this?