NextRouter was not mounted when using next-redux-wrapper
Sabin-Subedi opened this issue · 7 comments
Sabin-Subedi commented
Describe the bug
With the newer version of the next the next-reduux-wrapper is providing issue mounting the NextRouter which was working previously.
To Reproduce
Next Version: 13.1.1
Next Redux Wrapper Version: 8.1.0
Screenshots
Terminal Error
error - Error: Error: NextRouter was not mounted. https://nextjs.org/docs/messages/next-router-not-mounted
web:dev: at useRouter (/home/sabin/sage/sageweb/app/node_modules/next-redux-wrapper/node_modules/next/dist/client/router.js:122:15)
web:dev: at useHybridHydrate (/home/sabin/sage/sageweb/app/node_modules/next-redux-wrapper/lib/index.js:250:45)
web:dev: at Object.useWrappedStore (/home/sabin/sage/sageweb/app/node_modules/next-redux-wrapper/lib/index.js:298:9)
web:dev: at App (webpack-internal:///./src/pages/_app.tsx:64:82)
web:dev: at renderWithHooks (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5658:16)
web:dev: at renderIndeterminateComponent (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5731:15)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderNode (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12)
web:dev: at renderChildrenArray (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6211:7)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6141:7)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5971:9)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderNode (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6259:12)
web:dev: at renderChildrenArray (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6211:7)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6141:7)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5971:9)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderContextProvider (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderContextProvider (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderIndeterminateComponent (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5785:7)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5946:7)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderContextProvider (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderContextProvider (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderContextProvider (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11)
web:dev: at renderNodeDestructive (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6076:14)
web:dev: at renderContextProvider (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:5920:3)
web:dev: at renderElement (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6017:11)
web:dev: at renderNodeDestructiveImpl (/home/sabin/sage/sageweb/app/node_modules/react-dom/cjs/react-dom-server.browser.development.js:6104:11) {
web:dev: page: '/'
web:dev: }
Sabin-Subedi commented
Hope to get the solution soon as our project is quite stuck and dependent with the wrapper currently
btrautmann commented
@Sabin-Subedi what's the latest version of next you've been able to use successfully? I don't run into this with v12.x but my project is new (and I'm new to web) and don't really wanna downgrade and adopt the old directory structure.
btrautmann commented
From the looks of it, there are no plans to make the library compatible with newer versions of Next.
Sabin-Subedi commented
The issue was with the latest version of the wrapper which is 8.1 and I downgraded the version of the wrapper to the 8.0.0 which worked perfectly as before
akhor93 commented
@Sabin-Subedi Thanks! Your suggestion to downgrade helped me. I was experiencing Next JS router mounting exceptions on 8.1.0
nbibler commented
Downgrading also helped in my situation. 👍
Strangely, I wasn't seeing the this error occur when running under NODE_ENV "development" or "production" mode. I only saw it occur when running under NODE_ENV "test". I haven't yet attempted to figure out why it seemed to be constrained to only the test environment.
sdoomz commented
According to compare this commit might cause an issue. Summoning @kirill-konshin Went over the thread and realised lib is in maintenance mode