💄 fix prefix by adding ssm vendor prefixes

tonightpass · Jan 10, 2024 · 939e5f9 · 939e5f9 · vercel · Jan 10, 2024
1 parent f7f3223
commit 939e5f9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/.changeset/lucky-eels-draw.md b/.changeset/lucky-eels-draw.md
@@ -0,0 +1,5 @@
+---
+"@tonightpass/kitchen": patch
+---
+
+Fix prefix by adding ssm vendor prefixes
diff --git a/packages/kitchen/src/components/Provider/index.tsx b/packages/kitchen/src/components/Provider/index.tsx
@@ -1,7 +1,7 @@
 import { ThemeProvider as NextThemeProvider } from "next-themes";
 import { ThemeProviderProps as NextThemeProviderProps } from "next-themes/dist/types";
 import React from "react";
-import { DefaultTheme } from "styled-components";
+import { DefaultTheme, StyleSheetManager } from "styled-components";
 
 import { PREFIX } from "../../constants";
 import { ThemeProvider, ThemeProviderProps } from "../../contexts/Theme";
@@ -86,13 +86,15 @@ const KitchenProvider: React.FC<KitchenProviderProps> = ({
       forcedTheme={forcedTheme}
       dangerouslyDisableNextThemeProvider={dangerouslyDisableNextThemeProvider}
     >
-      <ThemeProvider themes={themes}>
-        <GlobalStyle staticThemes={staticThemes} attribute={attribute} />
-        <ToastsContent.Provider value={initialValue}>
-          {children}
-          <ToastContainer />
-        </ToastsContent.Provider>
-      </ThemeProvider>
+      <StyleSheetManager enableVendorPrefixes>
+        <ThemeProvider themes={themes}>
+          <GlobalStyle staticThemes={staticThemes} attribute={attribute} />
+          <ToastsContent.Provider value={initialValue}>
+            {children}
+            <ToastContainer />
+          </ToastsContent.Provider>
+        </ThemeProvider>
+      </StyleSheetManager>
     </NextThemeProviderWrapper>
   );
 };