Error:
My Code is like this below. Look like it working fine, but i really dont want the error detect when we are in production environment.
// init load to make new instance available
useEffect(() => {
viewer(
{
path: "/resources/public/webviewer/lib",
initialDoc: "/resources/public/files/PDFTRON_about.pdf"
},
viewerRef.current
).then(instance => {
setInstance(instance);
});
}, []);
// when the file ready to load to viewer
useEffect(() => {
if (getDocFile && instance && getFileName) {
extractXFDF();
instance.loadDocument(base64ToBlob(getDocFile), { filename: getFileName });
setFirstLoadReady(true);
}
}, [getDocFile, instance, getFileName]);
// when the load is ready, set the save button as header
useEffect(() => {
if (firstLoadReady) {
instance.setHeaderItems(header => {
header.push({
type: "actionButton",
img:
'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z"/></svg>',
onClick: async () => {
setLoadingAnimation(true);
setFirstLoadReady(false);
funcPageCount();
}
});
});
}
}, [firstLoadReady]);