Breadcrumbs.Item from Array thows errors

[MrVibe]

Getting this error :

Type error: Type 'string | Element[]' is not assignable to type 'ReactElement<BreadcrumbsItemProps, string | JSXElementConstructor> | (string & ReactElement<BreadcrumbsItemProps, string | JSXElementConstructor<...>>)'.
Type 'string' is not assignable to type 'ReactElement<BreadcrumbsItemProps, string | JSXElementConstructor> | (string & ReactElement<BreadcrumbsItemProps, string | JSXElementConstructor<...>>)'.

<Breadcrumbs>
{Array.isArray(terms) && terms.length > 0
                ? terms.map((term) => (
                    <Breadcrumbs.Item
                      key={term.term_id}
                      href={`/product/product-type/${term?.slug}`}
                    >
                      {term.name}
                    </Breadcrumbs.Item>
                  ))
                : ""}
</Breadcrumbs>