reactjs - TS2604: JSX-elementtypen 'Header' har ingen konstruksjons- eller kallbar signatur

Jeg bruker semantic-ui-react i min React-app med TypeScript, og det gir en feil. Prosjektet bruker PnPify.

TS2604: JSX-elementtypen 'Header' har ingen konstruktør- eller kallesignaturer.

Jeg er veldig ny på TypeScript og vet ikke hvordan jeg skal løse dette, her er 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

REDIGER: Jeg kopierte og limte inn denne definisjonsfilen for typer, og det ser ut til å fungere, men jeg er ikke sikker på om dette er den riktige måten å gjøre det på https://gist.github.com/tomitrescak/6261ad27dbe43aad03b2497721d751f5

Svar #1

Jeg fikset denne feilen ved å sjekke versjonene av mine @types/react og @types/react-dom-pakker.

I mitt tilfelle hadde jeg React versjon 16.X.X installert, men versjon 18.X.X av @types-pakkene.

Da jeg endret @types-pakkene til 16.X.X for å matche min React-versjon, forsvant feilen.

Svar #2

Du kan også få denne feilen når du ender opp med å installere pakken i feil katalog.

Sørg for at app-katalogen din (der du kjørte create-react-app og installerte alle avhengigheter) også er stedet hvor du installerer semantic-ui-react.

Relaterte artikler