feat: use strict mode as default in storybook

Author: geotrev

.storybook/main.js

@@ -20,7 +20,7 @@ module.exports = {
   addons: ['@storybook/addon-essentials', '@storybook/addon-a11y', '@storybook/addon-designs'],
   framework: {
     name: '@storybook/react-webpack5',
-    options: {}
+    options: { strictMode: true }
   },
   core: {
     disableWhatsNewNotifications: true

.storybook/preview.js

@@ -77,8 +77,7 @@ const withThemeProvider = (story, context) => {
   );
 };
 
-const withStrictMode = (story, context) =>
-  context.globals.strictMode === 'enabled' ? <StrictMode>{story()}</StrictMode> : <>{story()}</>;
+const withStrictMode = story => <StrictMode>{story()}</StrictMode>;
 
 export const decorators = [withThemeProvider, withStrictMode];
 
@@ -118,19 +117,5 @@ export const globalTypes = {
         { value: 'fuschia', title: 'Custom primary hue' }
       ]
     }
-  },
-  ...(process.env.NODE_ENV === 'development' && {
-    strictMode: {
-      name: 'strictMode',
-      description: 'Strict mode',
-      defaultValue: 'disabled',
-      toolbar: {
-        icon: 'alert',
-        items: [
-          { value: 'disabled', title: 'Strict mode disabled' },
-          { value: 'enabled', title: 'Strict mode enabled' }
-        ]
-      }
-    }
-  })
+  }
 };