Nodlik/react-pageflip

Typescript error when using HTMLFlipBook

nguyenduckhanhks opened this issue · 10 comments

nguyenduckhanhks commented

image

I have an warning in my visual studio code when using HTMLFlipBook for NextJs. How can i fix it? I'm using typescript. thanks!

lunacd commented

Yes I'm facing the same issue. I think all attributes except height and width should be marked optional in TS.

pixelsage commented

Having the same issue.

Deleted user commented

Having the same issue x3

aftabq commented

Simplest fix for me was to add ts-ignore

import HTMLFlipBook from 'react-pageflip';

const SampleReportFlip = () => {

// @ts-ignore
return    (<HTMLFlipBook width={300} height={500}>
<div className="demoPage">Page 1</div>
<div className="demoPage">Page 2</div>
<div className="demoPage">Page 3</div>
<div className="demoPage">Page 4</div>
</HTMLFlipBook>)
}

export default SampleReportFlip;
ramorris3 commented

same issue x4. Will use @ts-ignore for now, but this isn't desirable for obvious reasons...

YoonJeongLulu commented

How can I use this library using typescript? ..

emmajane1313 commented

same issue..

roman-kolodiy commented

Same issue. Provided all attr manually. +1 for all attributes except height and width should be marked optional in TS.

tia-aif commented

i fixed it by add like this
<HTMLFlipBook
style={{}}
// children={{}}
startPage={0}
width={300}
height={500}
drawShadow={true}
flippingTime={10}
usePortrait={false}
startZIndex={0}
autoSize={false}
clickEventForward={false}
useMouseEvents={false}
swipeDistance={0}
showPageCorners={false}
disableFlipByClick={false}
size="stretch"
minWidth={315}
maxWidth={1000}
minHeight={400}
maxHeight={1533}
maxShadowOpacity={0.5}
showCover={true}
mobileScrollSupport={true}
onFlip={()=>{}}
onChangeOrientation={()=>{}}
onChangeState={()=>{}}
className="demo-book"
>

Page 1

Page 2

Page 3

Page 4

  • 👍2