Merge pull request #1541 from Riley1101/docs/update_createStyleContex…

…t_usage
chakra-ui · May 10, 2023 · 71d44a6 · 71d44a6 · vercel · May 10, 2023
2 parents f372909 + 2c04783
commit 71d44a6
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/content/docs/styled-system/component-style.mdx b/content/docs/styled-system/component-style.mdx
@@ -431,15 +431,15 @@ used.
 import {
   createStylesContext,
   useMultiStyleConfig,
-  useStyles,
 } from '@chakra-ui/react'
 
+const [ useStyles, StylesProvider ] = createStylesContext('Menu');
+
 function Menu(props) {
   const { size, variant, children, ...rest } = props
 
   // 2. Consume the `useMultiStyleConfig` hook
   const styles = useMultiStyleConfig('Menu', { size, variant })
-  const [ StylesProvider ] = createStylesContext('Menu');
 
   return (
     <Flex __css={styles.menu} {...rest}>