Can't pass icons as a prop argument for an Astro component

[leivadev]

Description

Trying to create Astro components using astro-feather icons as a prop but doesn't work as a JSX component or a direct function.

Trying with a JSX syntax:

Error: Expected ">" but found "/"

Trying with a function syntax:

Error: Invalid arguments passed to component.
Astro components cannot be rendered directly via function call, such as Component() or {items.map(Component)}.
Docs reference