fix: export styles provider the common way

chakra-ui · Mar 21, 2021 · 3625298 · 3625298
1 parent 9dec9c3
commit 3625298
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/giant-seahorses-laugh.md b/.changeset/giant-seahorses-laugh.md
@@ -0,0 +1,6 @@
+---
+"@chakra-ui/system": patch
+---
+
+- Fixed an issue where the StylesProvider export was not working in every
+  environment
diff --git a/packages/system/src/providers.tsx b/packages/system/src/providers.tsx
@@ -52,13 +52,12 @@ export function useTheme<T extends object = Dict>() {
   return theme as WithCSSVar<T>
 }
 
-export const [StylesProvider, useStyles] = createContext<
-  Dict<SystemStyleObject>
->({
+const [StylesProvider, useStyles] = createContext<Dict<SystemStyleObject>>({
   name: "StylesContext",
   errorMessage:
     "useStyles: `styles` is undefined. Seems you forgot to wrap the components in `<StylesProvider />` ",
 })
+export { StylesProvider, useStyles }
 
 /**
  * Applies styles defined in `theme.styles.global` globally