diff --git a/packages/utah-design-system/src/components/Checkbox.tsx b/packages/utah-design-system/src/components/Checkbox.tsx index 9774d90..651819e 100644 --- a/packages/utah-design-system/src/components/Checkbox.tsx +++ b/packages/utah-design-system/src/components/Checkbox.tsx @@ -90,7 +90,7 @@ export function Checkbox(props: CheckboxProps) { ) : null} - {props.children} + {props.children as ReactNode} )} diff --git a/packages/utah-design-system/src/components/Radio.tsx b/packages/utah-design-system/src/components/Radio.tsx index b436270..1aa4223 100644 --- a/packages/utah-design-system/src/components/Radio.tsx +++ b/packages/utah-design-system/src/components/Radio.tsx @@ -66,7 +66,7 @@ export function Radio(props: RadioProps) { {(renderProps) => ( <>
- {props.children} + {props.children as ReactNode} )} diff --git a/packages/utah-design-system/src/components/TagGroup.tsx b/packages/utah-design-system/src/components/TagGroup.tsx index a73fa38..33a6e36 100644 --- a/packages/utah-design-system/src/components/TagGroup.tsx +++ b/packages/utah-design-system/src/components/TagGroup.tsx @@ -1,15 +1,15 @@ import { XIcon } from 'lucide-react'; -import { createContext, useContext } from 'react'; +import { createContext, type ReactNode, useContext } from 'react'; import { Tag as AriaTag, TagGroup as AriaTagGroup, type TagGroupProps as AriaTagGroupProps, type TagProps as AriaTagProps, Button, + composeRenderProps, TagList, type TagListProps, Text, - composeRenderProps, } from 'react-aria-components'; import { twMerge } from 'tailwind-merge'; import { tv } from 'tailwind-variants'; @@ -122,7 +122,7 @@ export function Tag({ children, color, ...props }: TagProps) { > {({ allowsRemoving }) => ( <> - {children} + {children as ReactNode} {allowsRemoving && (