fix: resolves build error due to no REDIS_URL defined for storybook env

- adds STORYBOOK_IS_STORYBOOK env var to prevent REDIS usage in storybook

.github/workflows/chromatic.yml

@@ -28,3 +28,5 @@ jobs:
           token: ${{ secrets.GITHUB_TOKEN }}
           # 👇 Chromatic projectToken, refer to the manage page to obtain it.
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+        env:
+          STORYBOOK_IS_STORYBOOK: true

.storybook/main.js

@@ -34,4 +34,9 @@ module.exports = {
   docs: {
     autodocs: true,
   },
+
+  env: (config) => ({
+    ...config,
+    STORYBOOK_IS_STORYBOOK: true,
+  }),
 };

.storybook/preview.js

@@ -16,7 +16,7 @@ import { useTheme } from '../src/theme/themeContext';
  * https://storybook.js.org/docs/react/writing-stories/decorators#global-decorators
  */
 
-const globalStyles = lazy(() => import('../src/theme/theme'));
+// const globalStyles = lazy(() => import('../src/theme/theme'));
 
 export const decorators = [
   (Story, context) => {
@@ -29,7 +29,7 @@ export const decorators = [
 
     return (
       <I18nextProvider i18n={i18n}>
-        <style>{globalStyles}</style>
+        {/* <style>{globalStyles}</style> */}
         <div className={`${themeType}`}>
           <MUIThemeProvider theme={materialTheme}>
             <ThemeProvider theme={materialTheme}>

src/theme/theme.ts

@@ -19,6 +19,9 @@ const getGlobalStyles = async () => {
   const fetchConfig = async () => {
     try {
       let tenantConfig;
+      if (process.env.STORYBOOK_IS_STORYBOOK) {
+        return null;
+      }
       if (typeof window !== 'undefined') {
         // Check if tenantConfig is stored in local storage
         const storedConfig = localStorage.getItem('tenantConfig');