Instalé react-native-svg y actualicé metro-config.js de acuerdo con los documentos:

 metro-config.js ... 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'], }, }; })();

Ahora necesito instalar react-native-tcp-socket y agregar las siguientes líneas a metro-config.js:

 const {getDefaultConfig} = require('metro-config'); const defaultConfig = getDefaultConfig.getDefaultValues(__dirname); module.exports = { resolver: { assetExts: [...defaultConfig.resolver.assetExts, 'pem'], }, // ... };

Pero no sé cómo combinarlo. He intentado lo siguiente:

 resolver: { assetExts: assetExts.filter(ext => ext !== "svg") + [...defaultConfig.resolver.assetExts, 'pem'], sourceExts: [...sourceExts, "svg"], },

Pero no funciona como se esperaba. ¿Algunas ideas?