better way to handle types for icons

cannot provide repo link since its private. but for ln 885 of the `data-table-filter.tsx` file, I am getting (i cant post pictures so sorry if the error looks ugly): JSX element type 'Icon' does not have any construct or call signatures.ts(2604) ⌘+click to open in new tab 'Icon' cannot be used as a JSX component. Its type 'ReactElement<any, string | JSXElementConstructor<any>> | ElementType<any, keyof IntrinsicElements>' is not a valid JSX element type. Type 'ReactElement<any, string | JSXElementConstructor<any>>' is not assignable to type 'ElementType'.ts(2786) code block: if (selected.length === 1) { const { label, icon: Icon } = selected[0] const hasIcon = !!Icon return ( <span className="inline-flex items-center gap-⁠1"> {hasIcon && (isValidElement(Icon) ? ( Icon ) : ( <Icon className="size-⁠4 text-primary" /> // this line is where the error pops up ))} <span>{label}</span> </span> ) }

Interesting, I don't have any errors. That would've been caught before pushing. I can help you out on our Discord server: https://discord.gg/5Ba247ym