Get rid of "Remote debugger is in a background tab" warning in React Native

Question

I've started a new React Native project and I keep getting the following warning:

Remote debugger is in a background tab which may cause apps to perform slowly. Fix this by foregrounding the tab (or opening it in a separate window).

It's a bit annoying so I wanna know how I can get rid of it? I'm running the debugger in Chrome and I moved it to a seperate window but it did not help.

Answer 1

If you have the Maintain Priority checkbox in the debugger window, try enabling it before you jump to any of the solutions below.

To get rid of the warning in your whole project add the following to your outermost Javascript file (most of the time that's index.js for React Native)

for react-native v0.63+:

Use LogBox: https://reactnative.dev/docs/debugging#logbox

LogBox.ignoreLogs(['Remote debugger']); 

for react-native v0.57 - v0.62:

import { YellowBox } from 'react-native'; YellowBox.ignoreWarnings(['Remote debugger']); 

Reference this from the official React Native docs:

https://facebook.github.io/react-native/docs/debugging.html

react-native v0.56 or below:

Add the following early on in your code:

console.ignoredYellowBox = ['Remote debugger']; 

Easy, simple and specific to that error. Works for me. Can substitute for any text you want.