diff --git a/grafana-plugin/jest.config.js b/grafana-plugin/jest.config.js
index b380a1b1..76f95be8 100644
--- a/grafana-plugin/jest.config.js
+++ b/grafana-plugin/jest.config.js
@@ -20,6 +20,7 @@ module.exports = {
   },
 
   moduleNameMapper: {
+    "grafana/app/(.*)": '<rootDir>/src/jest/grafanaMock.ts',
     "^jest$": '<rootDir>/src/jest',
     '^.+\\.(css|scss)$': '<rootDir>/src/jest/styleMock.ts',
     "^lodash-es$": "lodash",
diff --git a/grafana-plugin/src/jest/grafanaMock.ts b/grafana-plugin/src/jest/grafanaMock.ts
new file mode 100644
index 00000000..7c645e42
--- /dev/null
+++ b/grafana-plugin/src/jest/grafanaMock.ts
@@ -0,0 +1 @@
+export default {};
\ No newline at end of file
diff --git a/grafana-plugin/src/jest/matchMedia.ts b/grafana-plugin/src/jest/matchMedia.ts
index 8ec2fc36..67127bdf 100644
--- a/grafana-plugin/src/jest/matchMedia.ts
+++ b/grafana-plugin/src/jest/matchMedia.ts
@@ -1,3 +1,4 @@
+// @ts-ignore
 export default global.matchMedia =
   global.matchMedia ||
   function (query) {
@@ -5,8 +6,8 @@ export default global.matchMedia =
       matches: false,
       media: query,
       onchange: null,
-      addListener: jest.fn(), // deprecated
-      removeListener: jest.fn(), // deprecated
+      addListener: jest.fn(),
+      removeListener: jest.fn(),
       addEventListener: jest.fn(),
       removeEventListener: jest.fn(),
       dispatchEvent: jest.fn(),