reactjs - Typ '{ className: string; }' kan inte tilldelas till typen 'IntrinsicAttributes'

Några idéer om varför jag får felet här? Några idéer om hur jag bör ange className?

"Typen '{ className: string; }' kan inte tilldelas typen 'IntrinsicAttributes'. Egenskapen 'className' finns inte på typen 'IntrinsicAttributes'.ts(2322"

här är koden:

type Props = {data: {
pin?: boolean;
category: string;};}

export default function Icon({ data: { pin, category } }: Props) {
  const icon = {
    All: <All  />,
    "UX Researcher": <UxResearcher />,
    "UI/UX Designer": <UiuxDesigner className={`icon icon-${category}`} />,

Svar #1

UiuxDesigner är en anpassad komponent som inte stöder egenskapen className. Om detta är en komponent från ett bibliotek, kontakta underhållarna och be dem lägga till det. Om detta är en komponent som du eller ditt team har skapat, lägg till det som ett argument och skicka det vidare. Alternativt kan du omge med <div className={`icon icon-$ {category}`}> ... </div> och se om det räcker för önskat resultat.