Resolução: Abrir o projeto

Após rodar os dois comandos: npm install react-native-svg e o comando npm install --save-dev react-native-svg-transformer precisei alterar o o conteudo do arquivo metro.js.config seguindo a documentação desse site: https://github.com/kristerkari/react-native-svg-transformer tem 3 opções de código que podem ser adicionados no arquivo metro.js.config de acordo com a versão do react instalada.

No meu caso substitui TODO o arquivo metro.js.config por:

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 *
 * @format
 */

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
};

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

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

Oi Larissa, tudo bem?

Agradeço por compartilhar a solução para o problema que você encontrou no projeto. É bom saber que você identificou a causa raiz e encontrou uma maneira de corrigir o erro.

Valeu por compartilhar sua experiência e contribuir com a comunidade. :)

Um abraço e bons estudos.

Ajudou muito!!!