Dynamic Tabler Icons import for react

TablerIcon.tsx

import * as icons from "@tabler/icons"

interface Props {
    icon: string
    color?: string
    size?: number
    stroke?: number
}

export const TablerIcons = (props: Props): JSX.Element => {
    const { icon, color = "gray", size = 6, stroke = 2 } = props

    // @ts-ignore
    const Icon: JSX.Element = icons[icon]

    return (
        // @ts-ignore
        <Icon width={size} color={color} stroke={stroke} />
    )
}

// usage
<TablerIcons icon={"IconBrandAmazon"} color={"..."} size={"..."} stroke={...} />