Icon prop inside notifications.show weird behaviour w. tyepscript

[final tendon]

here's the code

export const successNotification = (message: string) => {
  notifications.show({
    title: "Success",
    message,
    icon: (<IconCheck size={18} />),
    color: "green",
  });
};

i cant seem to figure out what im doing wrong here.

heres the error im getting

[twin torrent]

Change file extension to .tsx

[final tendon]

worked.
thanks a ton

❤️

[nocturne kiln]

what a simple fix

🙂

I was banging my head around for hours