Spread types may only be created from object types.

'glyph.props' is of type 'unknown'.

The inferred type of 'renderSearchInput' cannot be named without a reference to '@testing-library/dom/node_modules/pretty-format'. This is likely not portable. A type annotation is necessary.

Conversion of type 'Iterable<ReactNode>' to type 'ReactElement<any, string | JSXElementConstructor<any>>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.

Conversion of type 'Iterable<ReactNode>' to type 'ReactElement<any, string | JSXElementConstructor<any>>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.

Type '{ darkMode: boolean[]; children: (string | undefined)[]; glyph: (React.JSX.Element | undefined)[]; size: ("xsmall" | "default" | "large")[]; disabled: boolean[]; }' is not assignable to type 'Partial<{ key?: (Key | null | undefined)[] | undefined; defaultChecked?: (boolean | undefined)[] | undefined; defaultValue?: (string | number | readonly string[] | undefined)[] | undefined; suppressContentEditableWarning?: (boolean | undefined)[] | undefined; ... 276 more ...; darkMode?: (boolean | undefined)[] | un...'.

Conversion of type 'string | number | boolean | Iterable<ReactNode> | null | undefined' to type 'ReactElement<any, string | JSXElementConstructor<any>>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.

Conversion of type 'string | number | boolean | Iterable<ReactNode> | null | undefined' to type 'ReactElement<any, string | JSXElementConstructor<any>>' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.

No overload matches this call.