fix: dev warnings (#113)

- wrap Main/Input children props in fragments
ninja · Jan 6, 2022 · a4ebb5c · a4ebb5c
1 parent 7fc6098
commit a4ebb5c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/lib/components/input/text.tsx b/src/lib/components/input/text.tsx
@@ -26,7 +26,7 @@ export const TextInput = forwardRef<
 
 	return (
 		<label aria-expanded={ariaExpanded} className={className} htmlFor={id}>
-			{leadingIcon}
+			<>{leadingIcon}</>
 			<input
 				{...props}
 				aria-label={label}

diff --git a/src/lib/components/main/index.tsx b/src/lib/components/main/index.tsx
@@ -4,13 +4,12 @@ import styles from "./main.module.css";
 
 export const Main: FunctionComponent<{
 	aside?: ReactNode;
-	footer?: ReactNode;
 	header?: ReactNode;
 	navigation?: ReactNode;
 }> = ({ children, header, navigation, ...props }) => (
 	<main className={styles.main} {...props}>
-		{header}
-		{navigation}
+		<>{header}</>
+		<>{navigation}</>
 		<div className={styles.body} role="presentation">
 			{children}
 		</div>