fromMediaQuery.ts

import { fromEvent } from 'rxjs';
import { map, startWith } from 'rxjs/operators';

function fromMediaQuery(breakpoint: string) {
  const media = matchMedia(breakpoint);

  return fromEvent(media, 'change').pipe(
    map((e: MediaQueryListEvent) => e.matches),
    startWith(media.matches)
  )
}

I am trying to integrate this concept in my project, finding little difficulty as this article has just pieces. Getting this error, please help

Type 'Event' is missing the following properties from type 'MediaQueryListEvent': matches, media
map((e: MediaQueryListEvent) => e.matches),