ReferenceError: navigator is not defined on fresh install

[justinblayney]

Hello,
I am tryign to use this in my next.js headless CMS.
I have installed as per these instrcutions
https://revealjs.com/installation/#installing-from-npm

when i try to use it I get this error

Server Error

ReferenceError: navigator is not defined
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Source

external%20%22reveal.js%22 (1:0) @ eval

1 | module.exports = require("reveal.js");

[grazzolini]

You have to use dynamic imports and disable SSR, since reveal.js is a browser side library.

[TogetherAsOneCHFP]

So on is oily I have no idea what I am doing, can’t leave the site, waiting for in person training once covd-19. In the meantime is the a way I can at least see the true result at the end ??

On Sat, Feb 27, 2021 at 03:43 Giancarlo Razzolini ***@***.***> wrote: You have to use dynamic imports <https://nextjs.org/docs/advanced-features/dynamic-import> and disable SSR, since reveal.js is a browser side library. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#2878 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AQBAUU6VELETYCANRCRNQALTBDLHPANCNFSM4WFNAJJA> .

-- "Doc" Allman, Erich 619-507-3650 FMF.Doc.Allman@Gmail.com

[edilsonborges]

I had the same problem, and following @grazzolini tip, fixed my bug. Just tu give people that might need and example:

import dynamic from 'next/dynamic';

const ComponentDemo = dynamic(
  () => import('../ComponentDemo').then((module) => module.default),
  {
    ssr: false,
  }
);