fix(tests): fix matchMediaMock issue when running tests

src/__mocks__/matchMediaMock.js

@@ -0,0 +1,10 @@
+window.matchMedia = jest.fn().mockImplementation((query) => ({
+  matches: false,
+  media: query,
+  onchange: null,
+  addListener: jest.fn(), // deprecated
+  removeListener: jest.fn(), // deprecated
+  addEventListener: jest.fn(),
+  removeEventListener: jest.fn(),
+  dispatchEvent: jest.fn(),
+}))

src/App.test.tsx → src/__tests__/App.test.tsx

@@ -1,6 +1,7 @@
+import '../__mocks__/matchMediaMock'
 import React from 'react'
 import ReactDOM from 'react-dom'
-import App from './App'
+import App from '../App'
 
 it('renders without crashing', () => {
   const div = document.createElement('div')