add graphql mock for testing, missed up api

.babelrc

@@ -1,3 +1,6 @@
 {
-    "presets": ["@babel/preset-env", "@babel/preset-react"]
+    "presets": ["@babel/preset-env", "@babel/preset-react"],
+    "plugins": [
+        ["@babel/transform-runtime"]
+    ]
 }

package.json

@@ -11,6 +11,7 @@
         "test": "jest --env=jsdom --colors --coverage"
     },
     "devDependencies": {
+        "@babel/plugin-transform-runtime": "^7.17.0",
         "@babel/preset-env": "^7.16.11",
         "@babel/preset-react": "^7.16.7",
         "@headlessui/react": "^1.4.2",
@@ -24,9 +25,11 @@
         "axios": "^0.21",
         "babel-jest": "^27.5.1",
         "intersection-observer": "^0.12.0",
+        "isomorphic-unfetch": "^3.1.0",
         "jest": "^27.5.1",
         "laravel-mix": "^6.0.6",
         "lodash": "^4.17.19",
+        "msw": "^0.39.2",
         "postcss": "^8.2.13",
         "postcss-import": "^14.0.1",
         "react": "^17.0.2",
@@ -35,10 +38,12 @@
         "tailwindcss": "^3.0.0"
     },
     "dependencies": {
+        "@babel/runtime": "^7.17.9",
         "@heroicons/react": "^1.0.5",
         "chart.js": "^3.7.0",
-        "graphql": "^16.2.0",
+        "graphql": "^16.3.0",
         "numbro": "^2.3.6",
-        "react-chartjs-2": "^4.0.0"
+        "react-chartjs-2": "^4.0.0",
+        "urql": "^2.2.0"
     }
 }