diff --git a/packages/next/build/babel/plugins/jsx-pragma.ts b/packages/next/build/babel/plugins/jsx-pragma.ts
index cd09b76c175181e3e279030cba869c296e28c0bb..52dd2af24e8e30c88c92699cc3962f02db220c29 100644
--- a/packages/next/build/babel/plugins/jsx-pragma.ts
+++ b/packages/next/build/babel/plugins/jsx-pragma.ts
@@ -1,4 +1,5 @@
 import { NodePath, PluginObj, types as BabelTypes } from '@babel/core'
+import jsx from '@babel/plugin-syntax-jsx'
 
 export default function ({
   types: t,
@@ -6,7 +7,7 @@ export default function ({
   types: typeof BabelTypes
 }): PluginObj<any> {
   return {
-    inherits: require('babel-plugin-syntax-jsx'),
+    inherits: jsx,
     visitor: {
       JSXElement(_path, state) {
         state.set('jsx', true)
diff --git a/packages/next/package.json b/packages/next/package.json
index 9acfb6057026198ddaac732dc7e90d26f64ebea9..03595d4878739a4a262dc57376848b1060c48a1a 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -67,6 +67,7 @@
     "@babel/plugin-proposal-object-rest-spread": "7.11.0",
     "@babel/plugin-syntax-bigint": "7.8.3",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
+    "@babel/plugin-syntax-jsx": "7.10.4",
     "@babel/plugin-transform-modules-commonjs": "7.10.4",
     "@babel/plugin-transform-runtime": "7.11.5",
     "@babel/preset-env": "7.11.5",
@@ -78,7 +79,6 @@
     "@next/react-dev-overlay": "9.5.4-canary.14",
     "@next/react-refresh-utils": "9.5.4-canary.14",
     "ast-types": "0.13.2",
-    "babel-plugin-syntax-jsx": "6.18.0",
     "babel-plugin-transform-define": "2.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
     "browserslist": "4.13.0",
diff --git a/packages/next/types/misc.d.ts b/packages/next/types/misc.d.ts
index cbc1f67ef95aee143f7afbefa58a771cddf08b3e..5b0a9f066d66c8e4ee641f4da567fd5ecb6f1dde 100644
--- a/packages/next/types/misc.d.ts
+++ b/packages/next/types/misc.d.ts
@@ -1,5 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
 declare module '@babel/plugin-transform-modules-commonjs'
+declare module '@babel/plugin-syntax-jsx'
 declare module 'browserslist'
 declare module 'cssnano-simple' {
   import { Plugin } from 'postcss'
diff --git a/yarn.lock b/yarn.lock
index 457d6ac60f80a9dfe9d50a32145b77fd6b3061da..ef39521971cc62bdf7eeba02d6e905f7a6c639ce 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -766,19 +766,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.8.0"
 
-"@babel/plugin-syntax-jsx@^7.10.4":
+"@babel/plugin-syntax-jsx@7.10.4", "@babel/plugin-syntax-jsx@^7.10.4", "@babel/plugin-syntax-jsx@^7.2.0":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.10.4.tgz#39abaae3cbf710c4373d8429484e6ba21340166c"
   integrity sha512-KCg9mio9jwiARCB7WAcQ7Y1q+qicILjoK8LP/VkPkEKaf5dkaZZK1EcTe91a3JJlZ3qy6L5s9X52boEYi8DM9g==
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
-"@babel/plugin-syntax-jsx@^7.2.0":
-  version "7.7.4"
-  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.7.4.tgz#dab2b56a36fb6c3c222a1fbc71f7bf97f327a9ec"
-  dependencies:
-    "@babel/helper-plugin-utils" "^7.0.0"
-
 "@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"