fix: as forwarder memo issue fixes

gluestack · Nov 16, 2023 · 8114c28 · 8114c28
1 parent 017d90c
commit 8114c28
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/packages/react/src/styled.tsx b/packages/react/src/styled.tsx
@@ -1957,9 +1957,13 @@ export function verboseStyled<P, Variants, ComCon>(
       componentConfig
     );
 
-    const AsComp: any = React.useRef(
-      resolvedStyleProps.as || (passingProps.as as any) || undefined
-    ).current;
+    // const AsComp: any = React.useRef(
+    //   resolvedStyleProps.as || (passingProps.as as any) || undefined
+    // ).current;
+
+    const AsComp: any = React.useMemo(() => {
+      return resolvedStyleProps.as || (passingProps.as as any) || undefined;
+    }, [resolvedStyleProps.as]);
 
     let resolvedStyleMemo = [passingProps?.style, ...resolvedStyleProps?.style];
     if (Platform.OS === 'web') {