diff --git a/.changeset/fair-lamps-sleep.md b/.changeset/fair-lamps-sleep.md
new file mode 100644
index 00000000000..4b19b933ecb
--- /dev/null
+++ b/.changeset/fair-lamps-sleep.md
@@ -0,0 +1,5 @@
+---
+'@graphql-codegen/cli': patch
+---
+
+add ts-node as a peerDependency
diff --git a/packages/graphql-codegen-cli/package.json b/packages/graphql-codegen-cli/package.json
index 82a7aa3ebd2..dfeb2f7b195 100644
--- a/packages/graphql-codegen-cli/package.json
+++ b/packages/graphql-codegen-cli/package.json
@@ -90,7 +90,8 @@
     "prettier": "2.7.1"
   },
   "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"
+    "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",
+    "ts-node": ">=10"
   },
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
diff --git a/scripts/examples-front-end-upgrade-codegen.js b/scripts/examples-front-end-upgrade-codegen.js
index 8655351a8b2..e068dcc91f4 100644
--- a/scripts/examples-front-end-upgrade-codegen.js
+++ b/scripts/examples-front-end-upgrade-codegen.js
@@ -25,7 +25,7 @@ const { exec } = require('child_process');
 
               console.log(`${cwd}: Started`);
               exec(
-                `yarn add -D typescript @graphql-codegen/cli@${codegenCLIversion} @graphql-codegen/client-preset@${clientPresetVersion}; yarn codegen`,
+                `yarn add -D typescript ts-node @graphql-codegen/cli@${codegenCLIversion} @graphql-codegen/client-preset@${clientPresetVersion}; yarn codegen`,
                 { cwd },
                 (err, stdout) => {
                   if (err) {
diff --git a/website/src/pages/docs/guides/react-vue.mdx b/website/src/pages/docs/guides/react-vue.mdx
index 21fe79880d6..032018b0c0e 100644
--- a/website/src/pages/docs/guides/react-vue.mdx
+++ b/website/src/pages/docs/guides/react-vue.mdx
@@ -47,21 +47,21 @@ For most GraphQL clients and frameworks (React, Vue), install the following pack
 
 ```bash
 yarn add graphql
-yarn add -D typescript @graphql-codegen/cli @graphql-codegen/client-preset
+yarn add -D typescript ts-node @graphql-codegen/cli @graphql-codegen/client-preset
 ```
 
 **For npm:**
 
 ```bash
 npm i -S graphql
-npm i -D typescript @graphql-codegen/cli @graphql-codegen/client-preset
+npm i -D typescript ts-node @graphql-codegen/cli @graphql-codegen/client-preset
 ```
 
 **For pnpm:**
 
 ```bash
 pnpm i graphql @graphql-typed-document-node/core
-pnpm i -D typescript @graphql-codegen/cli @graphql-codegen/client-preset
+pnpm i -D typescript ts-node @graphql-codegen/cli @graphql-codegen/client-preset
 ```
 
 <br />