grafana/public/app/polyfills/old-mediaquerylist.ts

// Safari < 14 does not have mql.addEventListener(), but uses the old spec mql.addListener()

let oMatchMedia = window.matchMedia;

type MqlListener = (this: MediaQueryList, ev: MediaQueryListEvent) => any;

window.matchMedia = (mediaQueryString) => {
  let mql = oMatchMedia(mediaQueryString);

  if (!mql.addEventListener) {
    // @ts-ignore
    mql.addEventListener = (type: string, listener: MqlListener) => {
      mql.addListener(listener);
    };
    // @ts-ignore
    mql.removeEventListener = (type: string, listener: MqlListener) => {
      mql.removeListener(listener);
    };
  }

  return mql;
};