From 9876b848fc9e7d796548313e2b7308bfb96762e2 Mon Sep 17 00:00:00 2001
From: stdavis <stdavis@utah.gov>
Date: Fri, 13 Dec 2024 10:01:08 -0700
Subject: [PATCH] fix(uds): fix type errors that are only showing up in project
 checks

I'm not sure why these are not being caught by this project's checks.
---
 packages/utah-design-system/src/components/Checkbox.tsx | 2 +-
 packages/utah-design-system/src/components/Radio.tsx    | 2 +-
 packages/utah-design-system/src/components/TagGroup.tsx | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/utah-design-system/src/components/Checkbox.tsx b/packages/utah-design-system/src/components/Checkbox.tsx
index 9774d90d..651819eb 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) {
               <CheckIcon aria-hidden className={iconStyles} />
             ) : null}
           </div>
-          {props.children}
+          {props.children as ReactNode}
         </>
       )}
     </AriaCheckbox>
diff --git a/packages/utah-design-system/src/components/Radio.tsx b/packages/utah-design-system/src/components/Radio.tsx
index b436270c..1aa42234 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) => (
         <>
           <div className={styles(renderProps)} />
-          {props.children}
+          {props.children as ReactNode}
         </>
       )}
     </RACRadio>
diff --git a/packages/utah-design-system/src/components/TagGroup.tsx b/packages/utah-design-system/src/components/TagGroup.tsx
index a73fa387..33a6e360 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 && (
             <Button slot="remove" className={removeButtonStyles}>
               <XIcon aria-hidden className="h-auto w-3" />