reactjs - TS2604: JSX-elementtypen 'Header' har ingen konstruktor- eller anropssignatur

Jag använder semantic-ui-react i min React-app med TypeScript och det ger ett fel. Projektet använder PnPify.

TS2604: JSX-elementtypen 'Header' har inga konstruktions- eller anropssignaturer.

Jag är väldigt ny på TypeScript och vet inte hur man löser detta, här är en komponent

import React from 'react'
import Card from '../UI/Card'
import {Header } from 'semantic-ui-react'


const Test: React.FC = () => {

    return (
         <div>
             <Card>
                <Header> Test </Header>
            </Card>
        </div>
    )
}


export default Test

REDIGERA: Jag kopierade och klistrade in denna definitionsfil för typer och det verkar fungera men jag är inte säker på att detta är rätt sätt att göra det https://gist.github.com/tomitrescak/6261ad27dbe43aad03b2497721d751f5

Svar #1

Jag fixade detta fel genom att kontrollera versionerna av mina @types/react- och @types/react-dom-paket.

I mitt fall hade jag React version 16.X.X installerad, men version 18.X.X av @types-paketen.

När jag ändrade @types-paketen till 16.X.X för att matcha min React-version försvann felet.

Svar #2

Du kan också få detta fel när du råkar installera paketet i fel katalog.

Se till att din appkatalog (där du körde create-react-app och installerade alla beroenden) är samma plats där du också installerar semantic-ui-react.

Relaterade artiklar