WebViewer Version: 8.11.0
Do you have an issue with a specific file(s)? No.
Can you reproduce using one of our samples or online demos? Yes.
Are you using the WebViewer server? No.
Does the issue only happen on certain browsers? No.
Is your issue related to a front-end framework? Yes.
Is your issue related to annotations? No.
Please give a brief summary of your issue:
(Think of this as an email subject)
How to use a mutable value in WebViewer?
Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)
I want to use mutable values in webViewer like useState, but webViewer created once and can’t find latest value.
Dev spec : NextJs(13.3.1), React(18.2.0), Typescript(4.9.3)
Please provide a link to a minimal sample where the issue is reproducible:
const [prevDisplayMode, setPrevDisplayMode] = useState('Continuous')
useEffect(() => {
console.log('::: useEffect : prevDisplayMode ', prevDisplayMode)
}, [prevDisplayMode])
useEffect(() => {
if (forwardRef.current === null) {
WebViewer(
{
licenseKey: MYKEY,
path: '/express-plus/lib',
...pdftronSettings,
},
viewer.current,
)
.then((instance: WebViewerInstance) => {
...
instance.UI.addEventListener('fullscreenModeToggled', (e, b) => {
console.log('prevDisplayMode ', prevDisplayMode)
})
documentViewer.addEventListener('displayModeUpdated', (e) => {
const currentDisplayMode = documentViewer
.getDisplayModeManager()
.getDisplayMode().mode
setPrevDisplayMode(currentDisplayMode)
})
...
})
.catch((error) => {
console.log(error)
})
}
}, [])