Continuous loading screen for InApp notification center
I am trying to implement the InApp notification component into my Nextjs application. After following the documentation, I am left with a continuous loading animation within the component as seen below. I have also attached the code snippet that was copied from the workflow itself. It is posted below as well. Does anybody have any idea what I might be doing wrong?
3 Replies
Hey there @bstrat5406! I'm Emil, nice to meet you!
I have few questions / requests in order to provide some assistance and troubleshoot this.
1. Have you followed any particular guide / documentation page to set this up?
2. Can you please provide a step by step actions you took to implement the notification center?
3. What package you have installed?
4. Could you share your use case in high level?
5. Can you validate that your
subscriberId and applicationIdentifier are correct?
@bstrat5406 Have you managed to achieve your desired outcome? Did it work for you?Hello Emil, I have gathered the answers to your question.
1. I have followed the NextJS documentation with Novu for Email Notification setup, as well as a few NextJS/Novu tutorials on YouTube. However, what I have pictured above is from Novu's quickstart guide.
2. First I created a basic NextJS application. Secondly, I downloaded the dependancies (listed in #3). Thirdly, I deleted some of the starter code that NextJS provides and launched the app on a local development server. Lastly, I created the Header.js component that contains the code above.
3. @novu/node @novu/notification-center
4. I am not sure what you are asking.
5. I can confirm that the subscriberId and applicationIdentifier are correct.
@bstrat5406
1. Could you please check the developer console and network tab? Do you see any error there?
2. Make sure
in-app integration is active in integrations for current environment
@bstrat5406 ping