Alcumus/react-doc-viewer

Conent is repeating without styling

iqtiza1712 opened this issue · 0 comments

image

Invoice
BillTo should not come.

why it is coming no idea

import React from 'react';
import DocViewer, { DocViewerRenderers } from '@cyntler/react-doc-viewer';
import { Box, useTheme } from '@mui/material';

const PDFViewer = () => {
const documents = [
{
uri: require("./IRM1.pdf"),
fileType: 'pdf',
fileName: "IRM1.pdf"
},
{
uri: require("./gsk.pdf"),
fileType: 'pdf',
fileName: "gsk.pdf"
},
];

const theme = useTheme();

return (

<DocViewer
documents={documents}
activeDocument={documents[1]}
pluginRenderers={DocViewerRenderers}
style={{ height: "80vh", width: "50vw", borderRadius: "4px" }}
theme={{
primary: theme.palette.primary.main,
secondary: theme.palette.secondary.main,
tertiary: theme.palette.tertiary.main,
textPrimary: theme.palette.text.primary,
textSecondary: theme.palette.text.secondary,
textTertiary: theme.palette.text.tertiary,
disableThemeScrollbar: false,
pdfZoom: {
defaultZoom: 0.5,
},
}}
plugins={[
{ name: "Pagination", options: { container: ".pdf-viewer" } },
{ name: "Zoom", options: { container: ".pdf-viewer" } },
{ name: "Download", options: { container: ".pdf-viewer" } }
]}
/>

);
};

export default PDFViewer;

please some one check the issue