diff --git a/ui/component/fileRender/view.jsx b/ui/component/fileRender/view.jsx
index d1ece01f1..fcd1a0eda 100644
--- a/ui/component/fileRender/view.jsx
+++ b/ui/component/fileRender/view.jsx
@@ -168,7 +168,7 @@ class FileRender extends React.PureComponent<Props, State> {
           />
         );
       case RENDER_MODES.COMIC:
-        return <ComicBookViewer source={{ fileExtension, downloadPath }} theme={currentTheme} />;
+        return <ComicBookViewer source={downloadPath} theme={currentTheme} />;
       case RENDER_MODES.APPLICATION:
         return <AppViewer uri={uri} />;
     }
diff --git a/ui/component/viewers/comicBookViewer.jsx b/ui/component/viewers/comicBookViewer.jsx
index 1e789215d..98f18ef78 100644
--- a/ui/component/viewers/comicBookViewer.jsx
+++ b/ui/component/viewers/comicBookViewer.jsx
@@ -5,10 +5,7 @@ import 'villain-react/dist/style.css';
 
 type Props = {
   theme: string,
-  source: {
-    fileType: string,
-    downloadPath: string,
-  },
+  source: string,
 };
 
 let workerUrl = 'webworkers/worker-bundle.js';
@@ -20,9 +17,9 @@ if (process.env.NODE_ENV !== 'production') {
 
 class ComicBookViewer extends React.PureComponent<Props> {
   render() {
-    const { downloadPath } = this.props.source || {};
+    const { source } = this.props || {};
     // Archive source
-    const file = `file://${downloadPath}`;
+    const file = `file://${source}`;
     // Villain options
     const opts = {
       theme: this.props.theme === 'dark' ? 'Dark' : 'Light',