Редактирование metro-config.js React Native

Ранее я установил react-native-svg и изменил файл metro-config-js в соответсвии с документацией следующим образом:

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

Теперь мне необходимо установить react-native-tcp-socket и добавить в metro-config.js следующее:

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

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

Я не уверен как мне всё это соеденить. Попробовал сделать следующим образом:

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

Но это дало только ошибку, как и ожидалось.