using global "window" causing server-side to blow up

[pkellner]

I use the next.js framework and like other SSR frameworks, builds the app in node. I'm getting the error I'm pasting below from "I have no idea where" but I think it might be inside react-hooks-axios using the window object. Is that possible. Feel free to close right away if this isn't the case and sorry for the trouble.

ReferenceError: window is not defined at Object. (/Users/peterkellner/Documents/pluralsight-course-using-react-hooks/05-Combing-React-Hooks-REST-Example/_experimental/M3-clip10-useMemo-to-Cache-Speaker-Sorted-Data/node_modules/ use-hooks/axios/dist/index.js:1:361 Module._compile internal/modules/cjs/loader.js:689:30 Module._extensions..js internal/modules/cjs/loader.js:700:10 Module.load internal/modules/cjs/loader.js:599:32 tryModuleLoad internal/modules/cjs/loader.js:538:12 Function.Module._load internal/modules/cjs/loader.js:530:3 Module.require internal/modules/cjs/loader.js:637:17 require internal/modules/cjs/helpers.js:22:18 @use-hooks/axios webpack:/external "@use-hooks/axios":1

[int64ago]

Hi, I have no idea for this, there's no DOM-related things used in this package, it seems like the feature of axios, but there's no more information to dig out the reason.

[pkellner]

Thanks

[dlbnco]

I had the same problem while working with Gatsby. Checking for window before declaring useAxios worked. I'm building a custom hook, so it looks like this:

if (typeof window !== 'undefined') {
    const useAxios = require('@use-hooks/axios');
    return useAxios.default({
      // ...
    })
}

For some reason, I had to call useAxios.default instead of just useAxios.

[int64ago]

@dlbnco reopened and look for more feedback

[jzhu1224]

same problem

[int64ago]

It may be related with this https://github.com/axios/axios/issues/244

[daviddang91]

same problem