Fix type errors

namesakefyi · Nov 26, 2024 · bbaf3b9 · bbaf3b9
1 parent f8fb143
commit bbaf3b9
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/src/components/Checkbox/Checkbox.tsx b/src/components/Checkbox/Checkbox.tsx
@@ -100,7 +100,7 @@ export function Checkbox(props: CheckboxProps) {
               ) : null}
             </div>
             {props.label}
-            {props.children}
+            {renderProps.defaultChildren}
           </>
         )}
       </AriaCheckbox>

diff --git a/src/components/GridList/GridList.tsx b/src/components/GridList/GridList.tsx
@@ -52,14 +52,19 @@ export function GridListItem({
       {...props}
       className={composeTailwindRenderProps(className, itemStyles())}
     >
-      {({ selectionMode, selectionBehavior, allowsDragging }) => (
+      {({
+        selectionMode,
+        selectionBehavior,
+        allowsDragging,
+        defaultChildren,
+      }) => (
         <>
           {/* Add elements for drag and drop and selection. */}
           {allowsDragging && <Button slot="drag">≡</Button>}
           {selectionMode === "multiple" && selectionBehavior === "toggle" && (
             <Checkbox slot="selection" />
           )}
-          {children}
+          {defaultChildren}
         </>
       )}
     </AriaGridListItem>

diff --git a/src/components/RadioGroup/RadioGroup.tsx b/src/components/RadioGroup/RadioGroup.tsx
@@ -67,7 +67,7 @@ export function Radio(props: RadioProps) {
       {(renderProps) => (
         <>
           <div className={styles(renderProps)} />
-          {props.children}
+          {renderProps.defaultChildren}
         </>
       )}
     </AriaRadio>

diff --git a/src/components/TagGroup/TagGroup.tsx b/src/components/TagGroup/TagGroup.tsx
@@ -91,9 +91,9 @@ export function Tag({ children, ...props }: TagProps) {
         tagStyles({ ...renderProps, className }),
       )}
     >
-      {({ allowsRemoving }) => (
+      {({ defaultChildren, allowsRemoving }) => (
         <>
-          {children}
+          {defaultChildren}
           {allowsRemoving && (
             <Button slot="remove" className={removeButtonStyles}>
               <X aria-hidden className="w-3 h-3" />