From 669bec323c07c4aa35780e1723d8d0c76c8d9b36 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Fri, 11 Jun 2021 11:17:28 +0100
Subject: [PATCH] Merge pull request #4185 from
 overleaf/ae-react-devtool-toggle

Fix React DevTools enable/disable toggle

GitOrigin-RevId: 505e948af96b9ecc658b5e809dce98a5e72dca0f
---
 services/web/webpack.config.dev.js | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/services/web/webpack.config.dev.js b/services/web/webpack.config.dev.js
index 98ed659b5e..104f3cf37a 100644
--- a/services/web/webpack.config.dev.js
+++ b/services/web/webpack.config.dev.js
@@ -18,13 +18,11 @@ module.exports = merge(base, {
     }),
 
     // Disable React DevTools if DISABLE_REACT_DEVTOOLS is set to "true"
-    new webpack.DefinePlugin({
-      __REACT_DEVTOOLS_GLOBAL_HOOK__:
-        process.env.DISABLE_REACT_DEVTOOLS === 'true'
-          ? '({ isDisabled: true })'
-          : undefined,
-    }),
-  ],
+    process.env.DISABLE_REACT_DEVTOOLS === 'true' &&
+      new webpack.DefinePlugin({
+        __REACT_DEVTOOLS_GLOBAL_HOOK__: '({ isDisabled: true })',
+      }),
+  ].filter(Boolean),
 
   devServer: {
     // Expose dev server at www.dev-overleaf.com