Not working with SSR

[casoetan]

Trying to use this with a server render react app, but it blows up.

The problem seems to be with keymaster. Anyway to turn that off?

node_modules/keymaster/keymaster.js:267
  addEvent(document, 'keydown', function(event) { dispatch(event) }); // Passing _scope to a callback to ensure it remains the same by execution. Fixes #48

ReferenceError: document is not defined
    at node_modules/keymaster/keymaster.js:267:12

[k1tzu]

Ran into same problem just now. Looks like the way to solve this is to re-render like this https://codepen.io/bastianalbers/pen/PWBYvz

[casoetan]

Thanks @k1tzu But here is how I solved this with dynamic imports. First

let PopupComponent
import('react-popup').then(module => {
  PopupComponent = module.default
})

Then this in your render or wherever needed

<>
{PopupComponent && <PopupComponent />}
{PopupComponent && PopupComponent.alert('Whatever you want')}
</>