Uncaught ReferenceError: window is not defined

[zm1994]

I'm getting error when use this library on browser. Full error: Uncaught ReferenceError: window is not defined at Module../node_modules/current-device/es/index.js (index.js:4)

From the code of library - something is wrong with: "var previousDevice = window.device;"

My code: const device = require('current-device').default; const isMobile = function () { return device.mobile(); };

I use webpack 4 for building.

[Blitzlord]

An option to set the window object would be nice. e.g.: device(window) or device(customWindow)

[neophob]

I use ava and browser-env to test my frontend app. However this seems not to work as it fails:

var previousDevice = window.device;
                     ^

ReferenceError: window is not defined
    at Object.<anonymous> (/foo/node_modules/current-device/lib/index.js:8:22)

It looks like code is executed as soon as the import of current-device has been made

[asheabbott]

In case anyone is here looking for potential solutions, I was able to import the package without the window error in Next.js like this:

// _app.js (Next.js)

// Whatever initial code here

const MyApp = ({ Component, pageProps }) => {
  // Whatever code here
  
  const currentDevice = async () => {
    await import("current-device");
  };

  useEffect(() => {
    currentDevice();
  }, []);

  // Whatever other code here

};

export default MyApp;