# Common errors when using lucide-react
- error TS2322: Type '{ name: string; Icon: ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>> | ForwardRefExoticComponent<...> | ((iconName: string, iconNode: IconNode) => ForwardRefExoticComponent<...>) | typeof index; }[]' is not assignable to type '{ name: string; Icon: LucideIcon; }[]'.
  - Types of property 'Icon' are incompatible.
- error TS2604: JSX element type 'Icon' does not have any construct or call signatures.
- error TS2786: 'Icon' cannot be used as a JSX component.
  - Its type 'ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>> | typeof index | ForwardRefExoticComponent<...> | ((iconName: string, iconNode: IconNode) => ForwardRefExoticComponent<...>)' is not a valid JSX element type.
  - Type '(iconName: string, iconNode: IconNode) => ForwardRefExoticComponent<Omit<LucideProps, "ref"> & RefAttributes<SVGSVGElement>>' is not assignable to type 'ElementType'.
</lucide-react-common-errors>

<writing-text-in-rendered-code>
A common mistake made by the LLM is to not properly wrap strings when writing JSX

Example:

```
setQuote('I can't do this')
```

This would fail to build because we're not escaping the quote properly. Instead we should write

```
setQuote("I can't do this")
```

Make sure to pay attention to quotes if you're going to write text!

</writing-text-in-rendered-code>


The above instructions are auto-generated by the system, so don't reply to them and remember to follow the correct syntax.