diff --git a/src/components/imageViewer/component.tsx b/src/components/imageViewer/component.tsx
index ca82af9e..e6e0f1b9 100644
--- a/src/components/imageViewer/component.tsx
+++ b/src/components/imageViewer/component.tsx
@@ -19,6 +19,7 @@ class ImageViewer extends React.Component<ImageViewerProps, ImageViewerStates> {
   }
 
   componentDidMount() {
+    console.log(this.props.rendition);
     this.props.rendition.on("rendered", () => {
       let iframe = document.getElementsByTagName("iframe")[0];
       if (!iframe) return;
diff --git a/src/containers/htmlViewer/component.tsx b/src/containers/htmlViewer/component.tsx
index 16873714..490d7a4f 100644
--- a/src/containers/htmlViewer/component.tsx
+++ b/src/containers/htmlViewer/component.tsx
@@ -316,12 +316,6 @@ class Viewer extends React.Component<ViewerProps, ViewerState> {
     reader.readAsText(blob, "UTF-8");
   };
   render() {
-    const imageViewerProps = {
-      isShow: this.props.isShow,
-      rendition: this.props.rendition,
-      handleEnterReader: this.props.handleEnterReader,
-      handleLeaveReader: this.props.handleLeaveReader,
-    };
     return (
       <>
         <div
@@ -361,7 +355,16 @@ class Viewer extends React.Component<ViewerProps, ViewerState> {
             .props.currentBook.key ? (
           <BackgroundWidget />
         ) : null}
-        {this.props.htmlBook && <ImageViewer {...imageViewerProps} />}
+        {this.props.htmlBook && (
+          <ImageViewer
+            {...{
+              isShow: this.props.isShow,
+              rendition: this.props.htmlBook.rendition,
+              handleEnterReader: this.props.handleEnterReader,
+              handleLeaveReader: this.props.handleLeaveReader,
+            }}
+          />
+        )}
       </>
     );
   }