我曾经在Reactjs上使用react-pageflip，就像下面的代码一样，它工作得很好。当我复制相同的组件时，我在Nextjs项目中得到了这个错误。
错误：

TypeError: _this2.flipBook.getPageFlip is not a function

代码：

import HTMLFlipBook from "react-pageflip";

class Book extends Component {
...

 onFlip(data) {
         this.setState({ page : data});
     }
  nextButtonClick = () => {
         this.flipBook.getPageFlip().flipNext();
       };
     
   prevButtonClick = () => {
         this.flipBook.getPageFlip().flipPrev();
       };

rendr(){

return(

<HTMLFlipBook  maxShadowOpacity={1} mobileScrollSupport={true} 
              className="demo-book"
              drawShadow={true}
              onFlip={(e) => this.onFlip(e.data)}
              changeOrientation="portrait"
              ref={(el) => (this.flipBook = el)}
 > 
 
<div classname={page1}>
  page1
</div>
<div classname={page2}>
  page2
</div>
</HTMLFlipBook>

)
}