Error: window is not defined

[irwansyafani]

I'm using Three JS with Next JS and get an error window is not defined after importing dat.gui

here's my code when getting error :

...
import dat from "dat.gui" // dat is not on use yet
// but if "import dat" is commented, the window will run as usual

const MyComponent = () => {

  useEffect(() => {
    const width = window.innerHtml;
  }, [])

  return (
  ...
  )
}

someone, any solution for this issue?

[tomhsiao1260]

I think you can try the following syntax instead.

import * as dat from 'dat.gui'

[irwansyafani]

I think you can try the following syntax instead.

import * as dat from 'dat.gui'

still not working

[tomhsiao1260]

I found that there are already some discussions. Maybe it will help. https://github.com/dataarts/dat.gui/issues/271

[irwansyafani]

Problem solved, Thanks Tom!

[woshitiancai5686]

import('dat.gui').then(dat => {

})