reactjs - FontAwesomeIcon React-komponent accepterar inte ikon-egenskapen

Jag kan inte bygga mitt React-projekt på grund av Font Awesome-biblioteket för React.

Jag har använt ikonerna med <FontAwesomeIcon icon={faPowerOff} />-syntaxen hittills, men efter att ha försökt implementera automatisk bygg och distribution på Github får jag följande fel:

Type 'IconDefinition' is not assignable to type 'IconProp'.
  Type 'IconDefinition' is not assignable to type 'IconLookup'.
     Types of property 'iconName' are incompatible.

Ikonen renderas med denna syntax och felet, konstigt nog.

Med syntaxen <FontAwesomeIcon icon={"power-off"} /> får jag inte längre felet, men själva ikonen renderas inte alls.

De versioner jag har använt sedan projektets början:

├── @fortawesome/[email 
├── @fortawesome/[email  
├── @fortawesome/[email 

Vet någon hur man fixar detta?

Svar #1

Konstigt beteende.

På deras webbplats använder de ikoner i React så här:

<FontAwesomeIcon icon="fa-solid fa-1" />

men det fungerade inte för mig.

Detta fungerade inte heller med den nyare versionen av npm-paketet:

<FontAwesomeIcon icon={"fa-1"} />

Nu använder jag detta, vilket fungerar bra:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { fa1 } from '@fortawesome/free-solid-svg-icons/fa1';

<FontAwesomeIcon icon={fa1} />

Jag använder version:

"@fortawesome/fontawesome-svg-core": "^6.2.1",
"@fortawesome/free-regular-svg-icons": "^6.2.1",
"@fortawesome/free-solid-svg-icons": "^6.2.1",
"@fortawesome/react-fontawesome": "^0.2.0",

Svar #2

Jag listade ut det genom att nedgradera paketen fontawesome-svg-core och react-fontawesome till följande versioner:

├── @fortawesome/[email 
├── @fortawesome/[email 

Relaterade artiklar