Search code examples
reactjsreact-lifecycle

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


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.


Solution

  • 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