Build error after Angular & flexLayout upgrade - MediaQueryListEvent not assignable of type MediaQueryList

[vijender1256]

export class LayoutComponent implements OnInit, OnDestroy {

  private _router: Subscription;

  mediaMatcher: MediaQueryList = matchMedia(`(max-width: ${SMALL_WIDTH_BREAKPOINT}px)`);
  url: string;
  sidePanelOpened;

  constructor (
    private _element: ElementRef,
    private router: Router) {
    this.mediaMatcher.addListener(mql => zone.run(() => {
      this.mediaMatcher = mql; //i am getting error here Type 'MediaQueryListEvent' is not assignable to type 'MediaQueryList'.
                  //Property 'onchange' is missing in type 'MediaQueryListEvent'.
    }));
  }

  }

I have upgraded my angular 5.2 to 7.2.0 & "@angular/flex-layout": "^7.0.0-beta.22", typescript version : 3.2.2,, I am getting build error "MediaQueryListEvent" is not assignable of type MediaQueryList. Is this issue exists with current version of flexLayout ?

[CaerusKaru]

Duplicate of #861

[vijender1256]

@CaerusKaru As mentioned above , I am using Angular 7.2.0, @angular/cdk 7.2.1 , @angular/cli 7.1.4 , typescript 3.2.2 & @angular/flex-layout": "7.0.0-beta.22. The answer provided in issue #861 did not fix it for the above mentioned version, do you want us to downgrade the typescript ?, downgrading typescript to 3.1.1 with Angular 7.2.0 giving more errors, please help us out

[CaerusKaru]

And I'm going to respond by saying that this is very much not a Flex Layout issue. It's likely you need to rebuild your dependencies. See #851 for the full story.