Merge pull request #83 from dev-five-git/support-generic

Support generic for prop tag

Author: owjs3901

.changeset/quiet-cooks-help.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/react": patch
+---
+
+Support generic to as prop

packages/react/src/components/Box.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Box<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Button.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Button<T extends React.ElementType = 'button'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Center.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Center<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Flex.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Flex<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Grid.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Grid<T extends React.ElementType = 'div'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Image.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Image<T extends React.ElementType = 'img'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Input.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Input<T extends React.ElementType = 'input'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/Text.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function Text<T extends React.ElementType = 'span'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }

packages/react/src/components/VStack.tsx

@@ -3,7 +3,7 @@ import type { Merge } from '../types/utils'
 
 export function VStack<T extends React.ElementType = 'span'>(
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props: Merge<React.ComponentProps<T>, DevupProps>,
+  props: Merge<React.ComponentProps<T>, DevupProps<T>>,
 ): React.ReactElement {
   throw new Error('Cannot run on the runtime')
 }