build(Storybook): Disable React.StrictMode behind env var flag

Disabling by default for now because `focus-trap-react` is throwing StrictMode errors: focus-trap/focus-trap-react#77 Also worth nothing that currently StrictMode does not work in the Docs tab (only Canvas): storybookjs/storybook#17880
Royal-Navy · Apr 27, 2022 · e55d756 · e55d756
1 parent b63c57c
commit e55d756
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/packages/react-component-library/.storybook/main.js b/packages/react-component-library/.storybook/main.js
@@ -20,4 +20,7 @@ module.exports = {
     ${process.env.NETLIFY ? newRelic.script : ''}
   `,
   stories: ['../src/**/*.stories.tsx'],
+  reactOptions: {
+    strictMode: process.env.REACT_STRICT_MODE === '1',
+  },
 }
diff --git a/packages/react-component-library/.storybook/preview.js b/packages/react-component-library/.storybook/preview.js
@@ -58,11 +58,6 @@ export const parameters = {
 }
 
 export const decorators = [
-  (Story) => (
-    <React.StrictMode>
-      <GlobalStyleProvider>
-        <Story />
-      </GlobalStyleProvider>
-    </React.StrictMode>
-  ),
+  // https://github.com/storybookjs/storybook/issues/15223#issuecomment-1092837912
+  (Story) => <GlobalStyleProvider>{Story()}</GlobalStyleProvider>,
 ]