Typescript error with SwiperSlideProps interface and @types/react@18

[francescocaveglia]

Check that this is really a bug

• I confirm

Reproduction link

https://github.com/francescocaveglia/swiper-test

Bug description

The SwiperSlideProps interface is not compatible with @types/react@18

(the error is solved with "skipLibCheck": true but I would prefer to avoid it)

Expected Behavior

no typescript error

Actual Behavior

tsc command returns this error:

error TS2430: Interface 'SwiperSlideProps' incorrectly extends interface 'HTMLAttributes<HTMLElement>'.
  Types of property 'children' are incompatible.
    Type 'ReactNode | ((slideData: SlideData) => ReactNode)' is not assignable to type 'ReactNode'.
      Type '(slideData: SlideData) => ReactNode' is not assignable to type 'ReactNode'.

427 interface SwiperSlideProps {

Swiper version

8.2.4

Platform/Target and Browser Versions

Node

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
• Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

• I'm willing to open a PR

[edkimmel]

Seeing this as well.

  Type 'ComponentClass<any, any>' is not assignable to type 'ReactNode | ((slideData: SlideData) => ReactNode)'.

[sangmin802]

Is it solved??

[dschueller-cs]

I ended up having to downgrade to React 17 to resolve this.