diff --git a/package-lock.json b/package-lock.json
index 265fc59fb..c8414f95a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -81,7 +81,7 @@
         "@graphql-codegen/cli": "^2.2.1",
         "@graphql-codegen/fragment-matcher": "^3.1.0",
         "@graphql-codegen/typescript": "^2.2.4",
-        "@graphql-codegen/typescript-operations": "^2.1.8",
+        "@graphql-codegen/typescript-operations": "^2.2.1",
         "@graphql-codegen/typescript-react-apollo": "^3.1.6",
         "@testing-library/jest-dom": "^5.14.1",
         "@testing-library/react": "^12.1.2",
@@ -4079,19 +4079,111 @@
       }
     },
     "node_modules/@graphql-codegen/typescript-operations": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@graphql-codegen/typescript-operations/-/typescript-operations-2.1.8.tgz",
-      "integrity": "sha512-doUN4Eaitzkuo2UVPOGfFvs8YuTJvHHTAd3q19KjaFKId1nNbfiDvrop1ZrHJpH+Sa6BcOvOPWHnCcMTSu6mww==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/typescript-operations/-/typescript-operations-2.2.1.tgz",
+      "integrity": "sha512-f1Y/qhn6yCGGVE8cAL2xzFryW4UQjnYS+vHYEKvr2X0DeMoMhp/5QCJ07HGWbjHYGBy4L5FhND/6lCbsJxG2EQ==",
       "dev": true,
       "dependencies": {
-        "@graphql-codegen/plugin-helpers": "^2.2.0",
-        "@graphql-codegen/typescript": "^2.2.4",
-        "@graphql-codegen/visitor-plugin-common": "2.4.0",
+        "@graphql-codegen/plugin-helpers": "^2.3.0",
+        "@graphql-codegen/typescript": "^2.4.1",
+        "@graphql-codegen/visitor-plugin-common": "2.5.1",
         "auto-bind": "~4.0.0",
         "tslib": "~2.3.0"
       },
       "peerDependencies": {
-        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0"
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/@graphql-codegen/typescript-operations/node_modules/@graphql-codegen/plugin-helpers": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/plugin-helpers/-/plugin-helpers-2.3.1.tgz",
+      "integrity": "sha512-rWH7igcjYqZ6rqNFTb4Wyp31863fRmmVpsRN8VHzBCltrepOO97jwTwB93aAw+T6Dm8aZto3QFfDIC79u8wA2Q==",
+      "dev": true,
+      "dependencies": {
+        "@graphql-tools/utils": "^8.5.2",
+        "change-case-all": "1.0.14",
+        "common-tags": "1.8.0",
+        "import-from": "4.0.0",
+        "lodash": "~4.17.0",
+        "tslib": "~2.3.0"
+      },
+      "peerDependencies": {
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/@graphql-codegen/typescript-operations/node_modules/@graphql-codegen/plugin-helpers/node_modules/@graphql-tools/utils": {
+      "version": "8.5.5",
+      "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-8.5.5.tgz",
+      "integrity": "sha512-y7zRXWIUI73X+9/rf/0KzrNFMlpRKFfzLiwdbIeWwgLs+NV9vfUOoVkX8luXX6LwQxhSypHATMiwZGM2ro/wJA==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "~2.3.0"
+      },
+      "peerDependencies": {
+        "graphql": "^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/@graphql-codegen/typescript-operations/node_modules/@graphql-codegen/typescript": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/typescript/-/typescript-2.4.1.tgz",
+      "integrity": "sha512-1+dZ0Qar+jGISXTdm7nWpv7Agt5uRj3q2GtpTJ92aA/AEHh+MTharanYcExEbdqNQm7b859MusI+Jo1Hlqsfmw==",
+      "dev": true,
+      "dependencies": {
+        "@graphql-codegen/plugin-helpers": "^2.3.0",
+        "@graphql-codegen/schema-ast": "^2.4.0",
+        "@graphql-codegen/visitor-plugin-common": "2.5.1",
+        "auto-bind": "~4.0.0",
+        "tslib": "~2.3.0"
+      },
+      "peerDependencies": {
+        "graphql": "^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/@graphql-codegen/typescript-operations/node_modules/@graphql-codegen/typescript/node_modules/@graphql-codegen/schema-ast": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/schema-ast/-/schema-ast-2.4.0.tgz",
+      "integrity": "sha512-xsLd4mF0H3mPp7Z2PHZ2Sv1KKIb/FOORqhDc9XHCnHJJ/h9nmaleKSTxTGzSUfIAQ1aCNzVilcaUwlenK+MMBQ==",
+      "dev": true,
+      "dependencies": {
+        "@graphql-codegen/plugin-helpers": "^2.3.0",
+        "@graphql-tools/utils": "^8.1.1",
+        "tslib": "~2.3.0"
+      },
+      "peerDependencies": {
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/@graphql-codegen/typescript-operations/node_modules/@graphql-codegen/visitor-plugin-common": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/visitor-plugin-common/-/visitor-plugin-common-2.5.1.tgz",
+      "integrity": "sha512-hLnVB6u7qB1rIh9oJnGVWQmrUsXw3nEUMF+LGdf4b5qEWh5f9HSzciWMS6M47h4fSqpLyW4qgk2glH/DKwFgRA==",
+      "dev": true,
+      "dependencies": {
+        "@graphql-codegen/plugin-helpers": "^2.3.0",
+        "@graphql-tools/optimize": "^1.0.1",
+        "@graphql-tools/relay-operation-optimizer": "^6.3.7",
+        "@graphql-tools/utils": "^8.3.0",
+        "auto-bind": "~4.0.0",
+        "change-case-all": "1.0.14",
+        "dependency-graph": "^0.11.0",
+        "graphql-tag": "^2.11.0",
+        "parse-filepath": "^1.0.2",
+        "tslib": "~2.3.0"
+      },
+      "peerDependencies": {
+        "graphql": "^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/@graphql-codegen/typescript-operations/node_modules/import-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-from/-/import-from-4.0.0.tgz",
+      "integrity": "sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/@graphql-codegen/typescript-operations/node_modules/tslib": {
@@ -57537,18 +57629,93 @@
       }
     },
     "@graphql-codegen/typescript-operations": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/@graphql-codegen/typescript-operations/-/typescript-operations-2.1.8.tgz",
-      "integrity": "sha512-doUN4Eaitzkuo2UVPOGfFvs8YuTJvHHTAd3q19KjaFKId1nNbfiDvrop1ZrHJpH+Sa6BcOvOPWHnCcMTSu6mww==",
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@graphql-codegen/typescript-operations/-/typescript-operations-2.2.1.tgz",
+      "integrity": "sha512-f1Y/qhn6yCGGVE8cAL2xzFryW4UQjnYS+vHYEKvr2X0DeMoMhp/5QCJ07HGWbjHYGBy4L5FhND/6lCbsJxG2EQ==",
       "dev": true,
       "requires": {
-        "@graphql-codegen/plugin-helpers": "^2.2.0",
-        "@graphql-codegen/typescript": "^2.2.4",
-        "@graphql-codegen/visitor-plugin-common": "2.4.0",
+        "@graphql-codegen/plugin-helpers": "^2.3.0",
+        "@graphql-codegen/typescript": "^2.4.1",
+        "@graphql-codegen/visitor-plugin-common": "2.5.1",
         "auto-bind": "~4.0.0",
         "tslib": "~2.3.0"
       },
       "dependencies": {
+        "@graphql-codegen/plugin-helpers": {
+          "version": "2.3.1",
+          "resolved": "https://registry.npmjs.org/@graphql-codegen/plugin-helpers/-/plugin-helpers-2.3.1.tgz",
+          "integrity": "sha512-rWH7igcjYqZ6rqNFTb4Wyp31863fRmmVpsRN8VHzBCltrepOO97jwTwB93aAw+T6Dm8aZto3QFfDIC79u8wA2Q==",
+          "dev": true,
+          "requires": {
+            "@graphql-tools/utils": "^8.5.2",
+            "change-case-all": "1.0.14",
+            "common-tags": "1.8.0",
+            "import-from": "4.0.0",
+            "lodash": "~4.17.0",
+            "tslib": "~2.3.0"
+          },
+          "dependencies": {
+            "@graphql-tools/utils": {
+              "version": "8.5.5",
+              "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-8.5.5.tgz",
+              "integrity": "sha512-y7zRXWIUI73X+9/rf/0KzrNFMlpRKFfzLiwdbIeWwgLs+NV9vfUOoVkX8luXX6LwQxhSypHATMiwZGM2ro/wJA==",
+              "dev": true,
+              "requires": {
+                "tslib": "~2.3.0"
+              }
+            }
+          }
+        },
+        "@graphql-codegen/typescript": {
+          "version": "2.4.1",
+          "resolved": "https://registry.npmjs.org/@graphql-codegen/typescript/-/typescript-2.4.1.tgz",
+          "integrity": "sha512-1+dZ0Qar+jGISXTdm7nWpv7Agt5uRj3q2GtpTJ92aA/AEHh+MTharanYcExEbdqNQm7b859MusI+Jo1Hlqsfmw==",
+          "dev": true,
+          "requires": {
+            "@graphql-codegen/plugin-helpers": "^2.3.0",
+            "@graphql-codegen/schema-ast": "^2.4.0",
+            "@graphql-codegen/visitor-plugin-common": "2.5.1",
+            "auto-bind": "~4.0.0",
+            "tslib": "~2.3.0"
+          },
+          "dependencies": {
+            "@graphql-codegen/schema-ast": {
+              "version": "2.4.0",
+              "resolved": "https://registry.npmjs.org/@graphql-codegen/schema-ast/-/schema-ast-2.4.0.tgz",
+              "integrity": "sha512-xsLd4mF0H3mPp7Z2PHZ2Sv1KKIb/FOORqhDc9XHCnHJJ/h9nmaleKSTxTGzSUfIAQ1aCNzVilcaUwlenK+MMBQ==",
+              "dev": true,
+              "requires": {
+                "@graphql-codegen/plugin-helpers": "^2.3.0",
+                "@graphql-tools/utils": "^8.1.1",
+                "tslib": "~2.3.0"
+              }
+            }
+          }
+        },
+        "@graphql-codegen/visitor-plugin-common": {
+          "version": "2.5.1",
+          "resolved": "https://registry.npmjs.org/@graphql-codegen/visitor-plugin-common/-/visitor-plugin-common-2.5.1.tgz",
+          "integrity": "sha512-hLnVB6u7qB1rIh9oJnGVWQmrUsXw3nEUMF+LGdf4b5qEWh5f9HSzciWMS6M47h4fSqpLyW4qgk2glH/DKwFgRA==",
+          "dev": true,
+          "requires": {
+            "@graphql-codegen/plugin-helpers": "^2.3.0",
+            "@graphql-tools/optimize": "^1.0.1",
+            "@graphql-tools/relay-operation-optimizer": "^6.3.7",
+            "@graphql-tools/utils": "^8.3.0",
+            "auto-bind": "~4.0.0",
+            "change-case-all": "1.0.14",
+            "dependency-graph": "^0.11.0",
+            "graphql-tag": "^2.11.0",
+            "parse-filepath": "^1.0.2",
+            "tslib": "~2.3.0"
+          }
+        },
+        "import-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/import-from/-/import-from-4.0.0.tgz",
+          "integrity": "sha512-P9J71vT5nLlDeV8FHs5nNxaLbrpfAV5cF5srvbZfpwpcJoM/xZR3hiv+q+SAnuSmuGbXMWud063iIMx/V/EWZQ==",
+          "dev": true
+        },
         "tslib": {
           "version": "2.3.1",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz",
diff --git a/package.json b/package.json
index 581d98516..f9e4e7e80 100644
--- a/package.json
+++ b/package.json
@@ -76,7 +76,7 @@
     "@graphql-codegen/cli": "^2.2.1",
     "@graphql-codegen/fragment-matcher": "^3.1.0",
     "@graphql-codegen/typescript": "^2.2.4",
-    "@graphql-codegen/typescript-operations": "^2.1.8",
+    "@graphql-codegen/typescript-operations": "^2.2.1",
     "@graphql-codegen/typescript-react-apollo": "^3.1.6",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.2",