Removing Warnings from React Native

There’s something that annoys me a little sometimes with React Native— the warning messages. Sometimes they can be useful if I have forgotten to give keys to list items or if I’ve supplied an incorrect type as a prop for a component. But sometimes they aren’t very useful at all…I’m mainly talking about situations like remote debugging. If you have remote debugging on and Chrome is in the background you get a yellow box warning:

This is the default behavior, and if you’re constantly switching windows or have multiple screens like me it’s frustrating. Thankfully it is really easy to get rid of. Just use the following code at the entry points for your app(index.android.js/index.ios.js):

console.ignoredYellowBox = ['Remote debugger is in a background'];

You can use it for other warnings that aren’t important to you too, just keep adding to the array with new strings for the specific warning you want ignored. Happy coding!