fix: ancestor sx style resolution

gluestack · Sep 14, 2023 · 46c4767 · 46c4767
1 parent 49eb45a
commit 46c4767
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@gluestack-style/react",
   "description": "A universal & performant styling library for React Native, Next.js & React",
-  "version": "0.2.45",
+  "version": "0.2.46",
   "keywords": [
     "React Native",
     "Next.js",

diff --git a/packages/react/src/styled.tsx b/packages/react/src/styled.tsx
@@ -1719,7 +1719,10 @@ export function verboseStyled<P, Variants, ComCon, PluginType = unknown>(
     // 600ms
     const descendantCSSIds = useMemo(() => {
       if (!containsDescendant) {
-        return {};
+        return {
+          component: {},
+          sx: {},
+        };
       }
       const ids = (() => {
         if (
@@ -1745,7 +1748,10 @@ export function verboseStyled<P, Variants, ComCon, PluginType = unknown>(
             sx: sxDescendantCSSIds,
           };
         } else {
-          return {};
+          return {
+            component: {},
+            sx: {},
+          };
         }
       })();
       return ids;