NoRendererComponent is not applying and causing flashing

As title mentioned, my custom norenderer component wasn't applied and causing the viewer to flash and force to stay at the initialActiceDocument, even I press next or pervious it will went back to the initialActiveDocument.

```
import { IDocumentViewerProps } from "@/Global";
import {
Drawer,
DrawerBody,
DrawerCloseButton,
DrawerContent,
DrawerHeader,
DrawerOverlay,
Text
} from "@chakra-ui/react";
import DocViewer, { DocViewerRenderers, IDocument } from "@cyntler/react-doc-viewer";
import { ComponentType, FC } from "react";

interface NoRenderComponentProps {
document?: IDocument;
fileName: string;
}

const NoRenderComponent: FC = ({ document, fileName }) => {
return (
No renderer available for file {fileName}.
);
};

const DocumentViewerDrawer = (props: IDocumentViewerProps) => {
const {
isOpen,
onClose,
docId,
documents
} = props;

return (

{documents && docId &&

}



)
}

export default DocumentViewerDrawer;
```