diff --git a/packages/react-scripts/config/webpack.config.dev.js b/packages/react-scripts/config/webpack.config.dev.js
index adf92f5b124..37a52eb201a 100644
--- a/packages/react-scripts/config/webpack.config.dev.js
+++ b/packages/react-scripts/config/webpack.config.dev.js
@@ -199,6 +199,16 @@ module.exports = {
           cacheDirectory: true,
         },
       },
+      // "source-map-loader" will look for .js.map files within dependencies and
+      // use the maps during development. This allows us to see the source code
+      // for dependencies as we develop our app.
+      {
+        test: /\.js$/,
+        use: [
+          require.resolve("source-map-loader"),
+        ],
+        enforce: "pre"
+      },
       // "postcss" loader applies autoprefixer to our CSS.
       // "css" loader resolves paths in CSS and adds assets as dependencies.
       // "style" loader turns CSS into JS modules that inject <style> tags.
diff --git a/packages/react-scripts/package.json b/packages/react-scripts/package.json
index e6879f756af..4febd93dd0b 100644
--- a/packages/react-scripts/package.json
+++ b/packages/react-scripts/package.json
@@ -50,6 +50,7 @@
     "promise": "7.1.1",
     "react-dev-utils": "^3.0.0",
     "react-error-overlay": "^1.0.7",
+    "source-map-loader": "^0.2.1",
     "style-loader": "0.17.0",
     "sw-precache-webpack-plugin": "0.9.1",
     "url-loader": "0.5.8",