Replacement of deprecated MediaQueryList.addListener() event in Angular 8

Issue

As the mozilla developers docs says MediaQueryList addListener is deprecated. I'm using it in my Angular 8. Though it's working it's linting warning in VS Code.

what's the replacement of it?

Solution

Quoting from the MDN docs about MediaQueryList:

MediaQueryList.addListener() Adds a listener to the MediaQueryListener that will run a custom callback function in response to the media query status changing. This is basically an alias for EventTarget.addEventListener(), for backwards compatibility purposes.

addEventListener needs an event type as the first argument, so it becomes this:

// deprecated: MediaQueryList.addListener(listener);
MediaQueryList.addEventListener('change', listener);

The same stands true for removeListener():

// deprecated: MediaQueryList.removeListener(listener);
MediaQueryList.removeEventListener('change', listener);

Answered By - mutil