TypeError _this2.flipBook.getPageFlip is not a function

[raana96]

react-pageflip has a problem with nextjs and getPageFlip does not work.

https://stackoverflow.com/questions/68883595/typeerror-this2-flipbook-getpageflip-is-not-a-function

[HarshaDW]

Experiencing the same issue!

on version 2.0.3 react: 17.0.2

[Sanaullahbugti]

Have you guys got anything related to this or any alternative for flipbook? I am facing same issue

[nixjke]

For function components This work for me

const bookRef = useRef(null)

const nextButtonClick = () => {
    bookRef.current.pageFlip().flipNext()
  }

 const prevButtonClick = () => {
    bookRef.current.pageFlip().flipPrev()
  }
  
<HTMLFlipBook
  onFlip={onFlip}
  width={616}
  height={872}
  showCover={true}
  ref={bookRef}
>
// ...my render page
</HTMLFlipBook>