diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index ea8a8f51e795936b20af6f24d99422a603b9fbee..62ce7aa1ddf65becc710ddd9e0dda8464ef0fe3a 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -194,6 +194,7 @@ module.exports = {
                   // It enables caching results in ./node_modules/.cache/babel-loader/
                   // directory for faster rebuilds.
                   cacheDirectory: true,
+                  highlightCode: true,
                 },
               },
             ],
@@ -215,6 +216,7 @@ module.exports = {
                     require.resolve('babel-preset-react-app/dependencies'),
                   ],
                   cacheDirectory: true,
+                  highlightCode: true,
                 },
               },
             ],
diff --git a/packages/react-scripts/config/webpack.config.prod.js b/packages/react-scripts/config/webpack.config.prod.js
index b4582cbe23c5ea2d4fb7e513f0f3e53e916d61a4..c0c1071cbd00814ce85cc24f79f95b6b62380940 100644
--- a/packages/react-scripts/config/webpack.config.prod.js
+++ b/packages/react-scripts/config/webpack.config.prod.js
@@ -199,6 +199,7 @@ module.exports = {
                   presets: [require.resolve('babel-preset-react-app')],
                   // @remove-on-eject-end
                   compact: true,
+                  highlightCode: true,
                 },
               },
             ],
@@ -220,6 +221,7 @@ module.exports = {
                     require.resolve('babel-preset-react-app/dependencies'),
                   ],
                   cacheDirectory: true,
+                  highlightCode: true,
                 },
               },
             ],