Metro config to make react native play nice with monorepos

metro.config.js

const path = require('path');

const getWorkspaces = require('get-yarn-workspaces');
const blacklist = require('metro-config/src/defaults/blacklist');

const workspaces = getWorkspaces(__dirname);

module.exports = {
  projectRoot: path.resolve(__dirname, 'packages/app'),

  watchFolders: [
    path.resolve(__dirname, 'node_modules'),
    ...workspaces,
  ],

  resolver: {
    blacklistRE: blacklist(
      workspaces.map(
        workspacePath =>
          `/${workspacePath.replace(
            /\//g,
            '[/\\\\]'
          )}[/\\\\]node_modules[/\\\\]react-native[/\\\\].*/`
      ),
    ),
    extraNodeModules: {
      'react-native': path.resolve(__dirname, 'packages/app/node_modules/react-native'),
    },
  },

};

hope to keep working well for new versions

hey zachariahtimothy thank you for the link but it is broken for me, is there another for you to post?

hey zachariahtimothy thank you for the link but it is broken for me, is there another for you to post?

Afraid not. I bailed on React Native a long time ago and have lived a happier, healthier life since. Hah. I love React but RN is an absolute nightmare.

@zachariahtimothy, you made me curious, what have you changed to? 😄