fix(react): fix typings of components

Grsmto · Feb 25, 2023 · 25940e4 · 25940e4
1 parent 40e90b8
commit 25940e4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/packages/react/src/SnapCarousel.tsx b/packages/react/src/SnapCarousel.tsx
@@ -78,15 +78,18 @@ export const SnapCarousel = React.forwardRef(
 
 SnapCarousel.displayName = 'SnapCarousel';
 
-type IndicatorProps<T extends ElementType> = {
+type CommonProps<T extends ElementType> = {
   children?: React.ReactNode;
   className?: string;
   tag?: T;
-  index: number;
   activeIndex?: number;
   state?: State;
 };
 
+interface IndicatorProps<T extends ElementType> extends CommonProps<T> {
+  index: number;
+}
+
 export const SnapCarouselIndicator = React.forwardRef(
   <T extends ElementType = 'button'>(
     {
@@ -135,7 +138,7 @@ export const SnapCarouselNavPrev = React.forwardRef(
       className = '',
       state,
       ...otherProps
-    }: IndicatorProps<T>,
+    }: CommonProps<T>,
     ref?: PolymorphicRef<T>
   ) => {
     const RootTag = tag || 'button';
@@ -178,7 +181,7 @@ export const SnapCarouselNavNext = React.forwardRef(
       className = '',
       state,
       ...otherProps
-    }: IndicatorProps<T>,
+    }: CommonProps<T>,
     ref?: PolymorphicRef<T>
   ) => {
     const RootTag = tag || 'button';

diff --git a/...es/react/stories/SnapCarousel.stories.jsx → ...es/react/stories/SnapCarousel.stories.tsx b/...es/react/stories/SnapCarousel.stories.jsx → ...es/react/stories/SnapCarousel.stories.tsx