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

Question

I get this warring in my react app.
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.

Answer 1

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

Answer 2

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;