Skip to content

v3.5.2 breaks devtools on Next.js #1515

@yayvery

Description

@yayvery
ReferenceError: window is not defined
    at /usr/src/app/node_modules/react-query/lib/devtools/useMediaQuery.js:14:5
    at useReducer (/usr/src/app/node_modules/react-dom/cjs/react-dom-server.node.development.js:1537:57)
    at Object.useState (/usr/src/app/node_modules/react-dom/cjs/react-dom-server.node.development.js:1475:10)
    at Object.useState (/usr/src/app/node_modules/react/cjs/react.development.js:1508:21)
    at useMediaQuery (/usr/src/app/node_modules/react-query/lib/devtools/useMediaQuery.js:13:40)
    at /usr/src/app/node_modules/react-query/lib/devtools/utils.js:52:41
    at Array.reduce (<anonymous>)
    at Object.render (/usr/src/app/node_modules/react-query/lib/devtools/utils.js:48:47)
    at ReactDOMServerRenderer.render (/usr/src/app/node_modules/react-dom/cjs/react-dom-server.node.development.js:
3872:44)
    at ReactDOMServerRenderer.read (/usr/src/app/node_modules/react-dom/cjs/react-dom-server.node.development.js:36
90:29)
    at renderToString (/usr/src/app/node_modules/react-dom/cjs/react-dom-server.node.development.js:4298:27)
    at Object.renderPage (/usr/src/app/node_modules/next/dist/next-server/server/render.js:53:851)
    at Function.getInitialProps (webpack-internal:///./node_modules/next/dist/pages/_document.js:135:19)
    at Function.getInitialProps (webpack-internal:///./src/pages/_document.js:20:83)
    at loadGetInitialProps (/usr/src/app/node_modules/next/dist/next-server/lib/utils.js:5:101)
    at renderToHTML (/usr/src/app/node_modules/next/dist/next-server/server/render.js:53:1142)

Workaround:

{typeof window !== 'undefined' && (
  <ReactQueryDevtools />
)}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions