Merge pull request #483 from gluestack/fix/waring-passing-prop

fix: added Warning for passing prop in media query
gluestack · Oct 17, 2023 · 9f22b6c · 9f22b6c
2 parents 68a1888 + 3952576
commit 9f22b6c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/example/storybook/src/api/PropsPassing/index.stories.mdx b/example/storybook/src/api/PropsPassing/index.stories.mdx
@@ -33,3 +33,5 @@ const StyledComponent = styled(
   },
 );
 ```
+
+> Caution: Utilizing the `Passing Props` feature within `Media Queries` is not supported.
diff --git a/example/storybook/src/api/ResponsiveStyles/index.stories.mdx b/example/storybook/src/api/ResponsiveStyles/index.stories.mdx
@@ -107,6 +107,9 @@ Once configured, you can apply different styles at different breakpoints.
   />
 </AppProvider>
 
+
 > Note that the '@' symbol indicates a media query.The '@' symbol should be followed by the name of the desired breakpoint for the styles.
 
 > Note that the same API can be used with the sx prop to override styles inline.
+
+> Caution: Utilizing the `Passing Props` feature within `Media Queries` is not supported.
-Original file line number
+Diff line change
@@ Expand Up / @@ -33,3 +33,5 @@ const StyledComponent = styled( @@
       },
     );
     ```
+    > Caution: Utilizing the `Passing Props` feature within `Media Queries` is not supported.