How can i ignore react warnings? (Not Native app)

Viewed 5772

I get this warring in my react app. enter image description here

It says componentWillReceiveProps has been renamed... But I don't have "componentWillReceiveProps" in my code only effects ... Maybe it is inside in node modules.

So i trying to ignore them But i don't know how...

I used create-react-app And i am using ts-lint.

2 Answers

Largely inspired from this answer

const error = console.error;
function logError(...parameters) {
    let filter = parameters.find(parameter => {
        return (
        // Filter error because XXX
        parameter.includes("Warning: %s is deprecated in StrictMode")
        // Another error to filter because of YYYY
        || parameter.includes("Warning:")
        );
    });
    if(!filter) error(...parameters);
}
console.error  = logError;

Note that this code only works for errors, but you can duplicate it for console.warn or info

You can manage this in a particular .js file, and import it in the App.js

By using below code you can hide the desirable warnings

import React from 'react';
import { YellowBox } from 'react-native';
import AppNavigator from './app/main';

YellowBox.ignoreWarnings([
  'Warning: isMounted(...) is deprecated',
  'Module RCTImageLoader',
  'Class RCTCxxModule',
  'Task orphaned for request ',
  'Warning',
  'Require',
  'Missing field __typename in',
  'Node',
]);

const App = () => <AppNavigator />;
export default App;
Related