Force array destructuring to work in loose mode only for known Hooks

EivindArvesen · Feb 17, 2019 · 8dc1de4 · 8dc1de4
1 parent b13b406
commit 8dc1de4
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/babel-preset-react-app/create.js b/packages/babel-preset-react-app/create.js
@@ -122,6 +122,18 @@ module.exports = function(api, opts, env) {
           // Use loose mode for performance:
           // https://github.com/facebook/create-react-app/issues/5602
           loose: true,
+          selectiveLoose: [
+            'useState',
+            'useEffect',
+            'useContext',
+            'useReducer',
+            'useCallback',
+            'useMemo',
+            'useRef',
+            'useImperativeHandle',
+            'useLayoutEffect',
+            'useDebugValue',
+          ],
         },
       ],
       // Turn on legacy decorators for TypeScript files