metro.config.js

const path = require('path');
const { getSentryExpoConfig } = require("@sentry/react-native/metro");

const config = getSentryExpoConfig(__dirname);

// Ensure shims directory is watched by Metro
config.watchFolders = [...(config.watchFolders ?? []), path.resolve(__dirname, 'shims')];

const originalResolveRequest = config.resolver.resolveRequest;

const WEB_SHIMS = {
  'react-native-pager-view':                'shims/react-native-pager-view.web.tsx',
  '@sentry/react-native':                   'shims/sentry-react-native.web.tsx',
  '@dr.pogodin/react-native-static-server': 'shims/react-native-static-server.web.ts',
  'expo-network':                           'shims/expo-network.web.ts',
  'expo-intent-launcher':                   'shims/expo-intent-launcher.web.ts',
  'react-native-video':                     'shims/react-native-video.web.tsx',
  'expo-file-system':                       'shims/expo-file-system.web.ts',
  'expo-file-system/legacy':                'shims/expo-file-system.web.ts',
  'expo-clipboard':                         'shims/expo-clipboard.web.ts',
};

config.resolver.resolveRequest = (context, moduleName, platform) => {
  if (platform === 'web' && WEB_SHIMS[moduleName]) {
    return {
      filePath: path.resolve(__dirname, WEB_SHIMS[moduleName]),
      type: 'sourceFile',
    };
  }
  if (originalResolveRequest) {
    return originalResolveRequest(context, moduleName, platform);
  }
  return context.resolveRequest(context, moduleName, platform);
};

module.exports = config;