metro.config.js + metro.web.js

const { getDefaultConfig } = require('expo/metro-config');

/** @type {import('expo/metro-config').MetroConfig} */
const config = getDefaultConfig(__dirname);

// Keep your custom source extension if needed
if (config.resolver.sourceExts && !config.resolver.sourceExts.includes('sql')) {
  config.resolver.sourceExts.push('sql');
}

// Add alias for react-native-maps to web implementation
const ALIASES = {
  'react-native-maps': '@teovilla/react-native-web-maps',
};

config.resolver.resolveRequest = (context, moduleName, platform) => {
  if (platform === 'web') {
    // Use the alias only for web
    return context.resolveRequest(context, ALIASES[moduleName] ?? moduleName, platform);
  }
  // Default resolver for other platforms
  return context.resolveRequest(context, moduleName, platform);
};

module.exports = config;

// web
// metro.config.js
const { getDefaultConfig } = require('expo/metro-config');

/** @type {import('expo/metro-config').MetroConfig} */
const config = getDefaultConfig(__dirname);

// Keep your custom source extension if needed
if (config.resolver.sourceExts && !config.resolver.sourceExts.includes('sql')) {
  config.resolver.sourceExts.push('sql');
}

// Add alias for react-native-maps to web implementation
const ALIASES = {
  'react-native-maps': '@teovilla/react-native-web-maps',
};

config.resolver.resolveRequest = (context, moduleName, platform) => {
  if (platform === 'web') {
    // Use the alias only for web
    return context.resolveRequest(context, ALIASES[moduleName] ?? moduleName, platform);
  }
  // Default resolver for other platforms
  return context.resolveRequest(context, moduleName, platform);
};

module.exports = config;