I cant show the svg files on the new RN0.74.1, i’ve add:

react-native-svg-transformer and react-native-svg

I’ve followed the documentation so i’ve create the file “declarations.d.ts” with :

declare module '*.png';
declare module '*.svg' {
  import React from 'react';
  import { SvgProps } from 'react-native-svg';

  const content: React.FC<SvgProps>;
  export default content;
}

and also merged the metro config:

const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');

const {
  createSentryMetroSerializer,
} = require('@sentry/react-native/dist/js/tools/sentryMetroSerializer');

const defaultConfig = getDefaultConfig(__dirname);
const { assetExts, sourceExts } = defaultConfig.resolver;
/**
 * Metro configuration
 * https://reactnative.dev/docs/metro
 *
 * @type {import('metro-config').MetroConfig}
 */
const config = {
  serializer: {
    customSerializer: createSentryMetroSerializer(),
  },
  transformer: {
    babelTransformerPath: require.resolve('react-native-svg-transformer'),
  },
  resolver: {
    assetExts: assetExts.filter(ext => ext !== 'svg'),
    sourceExts: [...sourceExts, 'svg'],
  },
};

module.exports = mergeConfig(defaultConfig, config);

the app build correctly but when i run the app i’ve got the error:

> 18 | import TwoCars from '../../assets/svg/two_cars.svg';
     |                      ^
  19 | import BarrierGray from '../../assets/svg/barrier-grey.svg';
  20 | import LowEmissions from '../../assets/svg/low-emissions.svg';
  21 | import {
    at ModuleResolver.resolveDependency (/Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:112:15)
    at DependencyGraph.resolveDependency (/Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/node-haste/DependencyGraph.js:231:43)
    at /Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/lib/transformHelpers.js:156:21
    at resolveDependencies (/Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/DeltaBundler/buildSubgraph.js:42:25)
    at visit (/Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/DeltaBundler/buildSubgraph.js:83:30)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Promise.all (index 18)
    at async visit (/Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/DeltaBundler/buildSubgraph.js:92:5)
    at async Promise.all (index 28)
    at async visit (/Users/rodrigodiasdefigueiredo/Desktop/myApp/node_modules/metro/src/DeltaBundler/buildSubgraph.js:92:5)

I’ve opened an issue at the repo on github:

https://github.com/kristerkari/react-native-svg-transformer/issues/355

Any idea how to solve it?

expect render the svg without any error