Inbox Not working
Hi,
I just created my Novu account to start adding notifications into my app. I got all the way through the process and added the Inbox element into my app. The Novu Dashboard says the Inbox element connected successfully, but I get Next.js error (attached) every time I refresh the page. When I removed the Inbox component, the error disappears.
Also, the docs (https://docs.novu.co/platform/quickstart/nextjs) say to put the Inbox component directly into my layout file, but the example shows that it should be inside of a 'components/inbox.tsx' file, and it doesn't show how the Inbox would be integrated into the actual page.
On my app, I simply just put the Novu's Inbox component directly into my dash.tsx page inside of the <main> element.
I'm using Next.js 15.2.3 Stable, Node 20.18.1
Next.js | Novu Documentation
Create an account and learn how to start using Novu notification Inbox in your Next.js application.
5 Replies
Hi @Marcus let me tag @Pawan Jain here, or maybe @Dima Grossman
Thank you!
@Marcus
Are you using localhost url to view the inbox?
Yes
@Pawan Jain
@Marcus
Could you please share the code you are using for Inbox? you mentioned
On my app, I simply just put the Novu's Inbox component directly into my dash.tsx page inside of the <main> element.Could you please share more details om this ?