I've installed react-native-svg and updated metro-config.js according to the docs:

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

Now I need to install react-native-tcp-socket and add the following lines to the metro-config.js:

const {getDefaultConfig} = require('metro-config');
const defaultConfig = getDefaultConfig.getDefaultValues(__dirname);

module.exports = {
  resolver: {
    assetExts: [...defaultConfig.resolver.assetExts, 'pem'],
  },
  // ...
};

But I don't know how to combine it together. I've tried the following:

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

But it doesn't work as expected. Any ideas?