From aaf93c51a6cd5859d5209d7e2daec5ab419899f6 Mon Sep 17 00:00:00 2001
From: mohitb35 <44917347+mohitb35@users.noreply.github.com>
Date: Thu, 11 Apr 2024 12:45:38 +0530
Subject: [PATCH] fix: resolves global styles not loading in storybook
---
.storybook/preview.js | 6 ++++--
src/theme/theme.ts | 1 +
2 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/.storybook/preview.js b/.storybook/preview.js
index 87e02bc80e..5eaeb4e378 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -5,8 +5,7 @@ import materialTheme from '../src/theme/themeStyles';
import { ThemeProvider } from '@storybook/theming';
import { I18nextProvider } from 'react-i18next';
import i18n from './i18n';
-import { useEffect } from 'react';
-import globalStyles from '../src/theme/theme';
+import { lazy, useEffect } from 'react';
import { useTheme } from '../src/theme/themeContext';
// import { ThemeProvider } from 'emotion-theming';
@@ -16,6 +15,9 @@ import { useTheme } from '../src/theme/themeContext';
* Read more about them at:
* https://storybook.js.org/docs/react/writing-stories/decorators#global-decorators
*/
+
+const globalStyles = lazy(() => import('../src/theme/theme'));
+
export const decorators = [
(Story, context) => {
const { locale } = context.globals;
diff --git a/src/theme/theme.ts b/src/theme/theme.ts
index 59dd45e1c6..f2b5a12cfc 100644
--- a/src/theme/theme.ts
+++ b/src/theme/theme.ts
@@ -37,6 +37,7 @@ const getGlobalStyles = async () => {
}
} catch (err) {
console.log('Error in fetchConfig for getGlobalStyles', err);
+ return null;
}
};