From 77afb9e2223b9cb2164301b057388d103748bbd2 Mon Sep 17 00:00:00 2001 From: owjs3901 Date: Sat, 1 Feb 2025 01:21:33 +0900 Subject: [PATCH] Support generic for prop tag --- .changeset/quiet-cooks-help.md | 5 +++++ packages/react/src/components/Box.tsx | 2 +- packages/react/src/components/Button.tsx | 2 +- packages/react/src/components/Center.tsx | 2 +- packages/react/src/components/Flex.tsx | 2 +- packages/react/src/components/Grid.tsx | 2 +- packages/react/src/components/Image.tsx | 2 +- packages/react/src/components/Input.tsx | 2 +- packages/react/src/components/Text.tsx | 2 +- packages/react/src/components/VStack.tsx | 2 +- packages/react/src/types/props/index.ts | 4 ++-- 11 files changed, 16 insertions(+), 11 deletions(-) create mode 100644 .changeset/quiet-cooks-help.md diff --git a/.changeset/quiet-cooks-help.md b/.changeset/quiet-cooks-help.md new file mode 100644 index 00000000..67360243 --- /dev/null +++ b/.changeset/quiet-cooks-help.md @@ -0,0 +1,5 @@ +--- +"@devup-ui/react": patch +--- + +Support generic to as prop diff --git a/packages/react/src/components/Box.tsx b/packages/react/src/components/Box.tsx index 93d15838..5a08f423 100644 --- a/packages/react/src/components/Box.tsx +++ b/packages/react/src/components/Box.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Box( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Button.tsx b/packages/react/src/components/Button.tsx index 70ecb629..809db4c3 100644 --- a/packages/react/src/components/Button.tsx +++ b/packages/react/src/components/Button.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Button( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Center.tsx b/packages/react/src/components/Center.tsx index a42dfc98..6b3fa786 100644 --- a/packages/react/src/components/Center.tsx +++ b/packages/react/src/components/Center.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Center( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Flex.tsx b/packages/react/src/components/Flex.tsx index b31fca0e..7f664c2c 100644 --- a/packages/react/src/components/Flex.tsx +++ b/packages/react/src/components/Flex.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Flex( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Grid.tsx b/packages/react/src/components/Grid.tsx index 1bdb021e..a507d0cc 100644 --- a/packages/react/src/components/Grid.tsx +++ b/packages/react/src/components/Grid.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Grid( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Image.tsx b/packages/react/src/components/Image.tsx index f567f568..00c9a82a 100644 --- a/packages/react/src/components/Image.tsx +++ b/packages/react/src/components/Image.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Image( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Input.tsx b/packages/react/src/components/Input.tsx index 1a63e3d3..524c6560 100644 --- a/packages/react/src/components/Input.tsx +++ b/packages/react/src/components/Input.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Input( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/Text.tsx b/packages/react/src/components/Text.tsx index 8fbb19d2..b99be487 100644 --- a/packages/react/src/components/Text.tsx +++ b/packages/react/src/components/Text.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function Text( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/components/VStack.tsx b/packages/react/src/components/VStack.tsx index 596ff847..55a5725d 100644 --- a/packages/react/src/components/VStack.tsx +++ b/packages/react/src/components/VStack.tsx @@ -3,7 +3,7 @@ import type { Merge } from '../types/utils' export function VStack( // eslint-disable-next-line @typescript-eslint/no-unused-vars - props: Merge, DevupProps>, + props: Merge, DevupProps>, ): React.ReactElement { throw new Error('Cannot run on the runtime') } diff --git a/packages/react/src/types/props/index.ts b/packages/react/src/types/props/index.ts index 22e2dec6..42fd4bf6 100644 --- a/packages/react/src/types/props/index.ts +++ b/packages/react/src/types/props/index.ts @@ -62,9 +62,9 @@ export interface DevupCommonProps DevupUiViewTransitionProps, DevupUiSvgProps {} -export interface DevupProps +export interface DevupProps extends DevupCommonProps, DevupSelectorProps, DevupThemeSelectorProps { - as?: React.ElementType + as?: T }