fix: types

gluestack · Sep 27, 2023 · 3ff26f9 · 3ff26f9
1 parent e82c2a7
commit 3ff26f9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/react/src/styled.tsx b/packages/react/src/styled.tsx
@@ -10,6 +10,7 @@ import type {
   ITheme,
   ExtendedConfigType,
   IComponentStyleConfig,
+  StyledConfig,
 } from './types';
 import {
   deepMerge,
@@ -978,7 +979,7 @@ export function verboseStyled<P, Variants, ComCon>(
     componentStyleConfig?.descendantStyle &&
     componentStyleConfig?.descendantStyle?.length > 0;
 
-  const NewComp = (
+  const StyledComponent = (
     {
       children,
       //@ts-ignore
@@ -1892,7 +1893,7 @@ export function verboseStyled<P, Variants, ComCon>(
     return component;
   };
 
-  const StyledComp = React.forwardRef(NewComp);
+  const StyledComp = React.forwardRef(StyledComponent);
 
   const displayName = componentStyleConfig?.componentName
     ? componentStyleConfig?.componentName
@@ -1905,7 +1906,7 @@ export function verboseStyled<P, Variants, ComCon>(
   //@ts-ignore
   StyledComp.isStyledComponent = true;
 
-  return StyledComp;
+  return StyledComp as typeof StyledComp & { styledConfig?: StyledConfig };
 }
 
 export function styled<P, Variants, ComCon>(

diff --git a/packages/react/src/types.ts b/packages/react/src/types.ts
@@ -959,3 +959,5 @@ export type ExtendedTheme<Variants> = ITheme<
 export type CreateComponents<T> = {
   [key in keyof T]: T[key];
 };
+
+export type StyledConfig = any;