test

blockscout · Feb 26, 2025 · 443efb5 · 443efb5
1 parent 29e2f1b
commit 443efb5
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/lib/contexts/chakra.tsx b/lib/contexts/chakra.tsx
@@ -4,10 +4,14 @@ import {
   localStorageManager,
 } from '@chakra-ui/react';
 import type { ChakraProviderProps } from '@chakra-ui/react';
+import { CacheProvider } from '@emotion/react';
 import React from 'react';
 
+import createEmotionCache from 'lib/createEmotionCache';
 import theme from 'theme/theme';
 
+const clientSideEmotionCache = createEmotionCache();
+
 interface Props extends ChakraProviderProps {
   cookies?: string;
 }
@@ -19,8 +23,10 @@ export function ChakraProvider({ cookies, children }: Props) {
         localStorageManager;
 
   return (
-    <ChakraProviderDefault colorModeManager={ colorModeManager } theme={ theme }>
-      { children }
-    </ChakraProviderDefault>
+    <CacheProvider value={ clientSideEmotionCache }>
+      <ChakraProviderDefault colorModeManager={ colorModeManager } theme={ theme }>
+        { children }
+      </ChakraProviderDefault>
+    </CacheProvider>
   );
 }
diff --git a/lib/createEmotionCache.ts b/lib/createEmotionCache.ts
@@ -0,0 +1,11 @@
+// createEmotionCache.js
+import createCache from '@emotion/cache';
+
+import config from 'configs/app';
+
+const uniqueKey = config.app.host;
+
+// Use a unique key for each instance
+export default function createEmotionCache() {
+  return createCache({ key: uniqueKey || 'css', prepend: true });
+}