diff --git a/.github/renovate.json5 b/.github/renovate.json5
index 17898db2741284..1ddfab4e2e41ad 100644
--- a/.github/renovate.json5
+++ b/.github/renovate.json5
@@ -27,7 +27,6 @@
     "dotenv-expand", // `dotenv-expand:6.0.0+` has breaking changes (#6858)
 
     // ESM Only => https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c#how-can-i-move-my-commonjs-project-to-esm
-    "node-fetch",
     "periscopic",
     "strip-ansi"
   ]
diff --git a/package.json b/package.json
index dd19523dfdc497..b9889c29509c9a 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
     "kill-port": "^1.6.1",
     "lint-staged": "^12.4.1",
     "minimist": "^1.2.6",
-    "node-fetch": "^2.6.7",
+    "node-fetch-native": "^0.1.3",
     "npm-run-all": "^4.1.5",
     "picocolors": "^1.0.0",
     "playwright-chromium": "^1.21.1",
diff --git a/playground/optimize-missing-deps/__test__/optimize-missing-deps.spec.ts b/playground/optimize-missing-deps/__test__/optimize-missing-deps.spec.ts
index d6e2403761268a..5cab874e29fb58 100644
--- a/playground/optimize-missing-deps/__test__/optimize-missing-deps.spec.ts
+++ b/playground/optimize-missing-deps/__test__/optimize-missing-deps.spec.ts
@@ -1,5 +1,5 @@
 import { port } from './serve'
-import fetch from 'node-fetch'
+import fetch from 'node-fetch-native'
 import { page, untilUpdated } from '~utils'
 import { platform } from 'os'
 
diff --git a/playground/ssr-html/__tests__/ssr-html.spec.ts b/playground/ssr-html/__tests__/ssr-html.spec.ts
index bcf66c8f5ad128..1529972f882264 100644
--- a/playground/ssr-html/__tests__/ssr-html.spec.ts
+++ b/playground/ssr-html/__tests__/ssr-html.spec.ts
@@ -1,4 +1,4 @@
-import fetch from 'node-fetch'
+import fetch from 'node-fetch-native'
 import { port } from './serve'
 import { page } from '~utils'
 
diff --git a/playground/ssr-pug/__tests__/ssr-pug.spec.ts b/playground/ssr-pug/__tests__/ssr-pug.spec.ts
index bcf66c8f5ad128..1529972f882264 100644
--- a/playground/ssr-pug/__tests__/ssr-pug.spec.ts
+++ b/playground/ssr-pug/__tests__/ssr-pug.spec.ts
@@ -1,4 +1,4 @@
-import fetch from 'node-fetch'
+import fetch from 'node-fetch-native'
 import { port } from './serve'
 import { page } from '~utils'
 
diff --git a/playground/ssr-react/__tests__/ssr-react.spec.ts b/playground/ssr-react/__tests__/ssr-react.spec.ts
index 62bb7d2014f770..927a585a4cad95 100644
--- a/playground/ssr-react/__tests__/ssr-react.spec.ts
+++ b/playground/ssr-react/__tests__/ssr-react.spec.ts
@@ -1,4 +1,4 @@
-import fetch from 'node-fetch'
+import fetch from 'node-fetch-native'
 import { port } from './serve'
 import { browserLogs, editFile, page, untilUpdated } from '~utils'
 
diff --git a/playground/ssr-vue/__tests__/ssr-vue.spec.ts b/playground/ssr-vue/__tests__/ssr-vue.spec.ts
index c58cea4cd13e59..921fee3f263319 100644
--- a/playground/ssr-vue/__tests__/ssr-vue.spec.ts
+++ b/playground/ssr-vue/__tests__/ssr-vue.spec.ts
@@ -1,5 +1,5 @@
 import { resolve } from 'path'
-import fetch from 'node-fetch'
+import fetch from 'node-fetch-native'
 import { port } from './serve'
 import {
   browserLogs,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 00d6847a132bf4..4689ed8694c557 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -45,7 +45,7 @@ importers:
       kill-port: ^1.6.1
       lint-staged: ^12.4.1
       minimist: ^1.2.6
-      node-fetch: ^2.6.7
+      node-fetch-native: ^0.1.3
       npm-run-all: ^4.1.5
       picocolors: ^1.0.0
       playwright-chromium: ^1.21.1
@@ -99,7 +99,7 @@ importers:
       kill-port: 1.6.1
       lint-staged: 12.4.1
       minimist: 1.2.6
-      node-fetch: 2.6.7
+      node-fetch-native: 0.1.3
       npm-run-all: 4.1.5
       picocolors: 1.0.0
       playwright-chromium: 1.21.1
@@ -5934,6 +5934,10 @@ packages:
       lodash: 4.17.21
     dev: false
 
+  /node-fetch-native/0.1.3:
+    resolution: {integrity: sha512-Jf1IQZdovUIv9E+5avmN6Sf+bND+rnMlODnBQhdE2VRyuWP9WgqZb/KEgPekh19DAN1X2C4vbS1VCOaz2OH19g==}
+    dev: true
+
   /node-fetch/2.6.7:
     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
     engines: {node: 4.x || >=6.0.0}
@@ -5944,6 +5948,7 @@ packages:
         optional: true
     dependencies:
       whatwg-url: 5.0.0
+    dev: false
 
   /node-forge/0.10.0:
     resolution: {integrity: sha512-PPmu8eEeG9saEUvI97fm4OYxXVB6bFvyNTyiUOBichBpFG8A1Ljw3bY62+5oOjDEMHRnd0Y7HQ+x7uzxOzC6JA==}
@@ -7935,6 +7940,7 @@ packages:
 
   /tr46/0.0.3:
     resolution: {integrity: sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=}
+    dev: false
 
   /tr46/1.0.1:
     resolution: {integrity: sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=}
@@ -8371,6 +8377,7 @@ packages:
 
   /webidl-conversions/3.0.1:
     resolution: {integrity: sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=}
+    dev: false
 
   /webidl-conversions/4.0.2:
     resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
@@ -8386,6 +8393,7 @@ packages:
     dependencies:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
+    dev: false
 
   /whatwg-url/7.1.0:
     resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}