Hi. what the type of a lucide-react icon is?

[skdishansachin]

Does anyone know what is the type of a lucide-react icon?

[zoharma]

I'm not sure if this is what you meant, but it generates an inline SVG element.

You can find more info here - https://lucide.dev/guide/packages/lucide-react

[sovetski]

I think @skdishansachin means in typescript, if we have an object with "icon" key, what type of return we have to add? I also need this

Edit:

Ok I found the solution:

import { LucideIcon } from "lucide-react";

export type TestInterface = {
  title: string;
  icon: LucideIcon;
};

And when you use your TestInterface, you have to use like this:

import { ArrowBigUp } from "lucide-react";

const test: TestInterface = {
  title: "Test title",
  icon: ArrowBigUp // be careful, don't use as a component like <ArrowBigUp />
}

[ThalyssonLeite]

Why not to use? You are being informative with this, not instructive.

[Godcoder696]

Well you can use React.JSX.Element .

Exmaple:
interface Props{ icon: React.JSX.Element; }