WebViewer Version: “@pdftron/webviewer”: “^8.10.0”,
I have tried to implement in NextJs but I am getting error :Error: Two instances of WebViewer were created on the same HTML element. Please create a new element for each instance of WebViewer pdftron in nextjs.
const viewer = useRef(null);
//const viewer = useRef();
const instance = useRef();
useEffect(() => {
const loadWebViewer = async () => {
const WebViewer = (await import('@pdftron/webviewer')).default;
// // import('@pdftron/webviewer').then(() => {
WebViewer(
{
path: '/lib',
initialDoc: `/${filePath}`,
disabledElements: [
'viewControlsButton',
'viewControlsOverlay',
]
},
viewer.current,
).then((instance) => {
const { docViewer } = instance;
});
// });
}
loadWebViewer();
}, [filePath]);