Error: window is not defined

[Irwan]

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?

[Yao Hsiao]

I think you can try the following syntax instead.

import * as dat from 'dat.gui'

[Irwan]

I think you can try the following syntax instead.

import * as dat from 'dat.gui'

still not working

[Yao Hsiao]

I found that there are already some discussions. Maybe it will help.
#271

[Irwan]

Problem solved, Thanks Tom!

[zhangrs]

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

})