Unable to use <InboxContent> and <Notifications> components

Hey folks! (cc: @Pawan Jain )
If I just use the Novu <Inbox> component all the events and actions for clicking on a notification etc. works as expected in the popover.

If I use the <Bell> component in my header and either the InboxContent or Notifications component in my custom popover the notifications and all the UI elements render correctly but then none of the events and actions work anymore when clicked.

I even tried using custom event handling but the handler never fires even if I just try to console.log(notification.id)

<InboxContent 
  onNotificationClick={(notification) => {
    // your logic to handle notification click
    console.log(notification.id) // DOES NOT WORK
  }}
  onPrimaryActionClick={(notification) => {
    // your logic to handle primary action click
    console.log(notification.id) // DOES NOT WORK
  }}
  onSecondaryActionClick={(notification) => {
    // your logic to handle secondary action click
    console.log(notification.id) // DOES NOT WORK
  }}

<InboxContent 
  onNotificationClick={(notification) => {
    // your logic to handle notification click
    console.log(notification.id) // DOES NOT WORK
  }}
  onPrimaryActionClick={(notification) => {
    // your logic to handle primary action click
    console.log(notification.id) // DOES NOT WORK
  }}
  onSecondaryActionClick={(notification) => {
    // your logic to handle secondary action click
    console.log(notification.id) // DOES NOT WORK
  }}

Novu•16mo ago•

15 replies

Shri

Unable to use <InboxContent> and <Notifications> components

<InboxContent 
  onNotificationClick={(notification) => {
    // your logic to handle notification click
    console.log(notification.id) // DOES NOT WORK
  }}
  onPrimaryActionClick={(notification) => {
    // your logic to handle primary action click
    console.log(notification.id) // DOES NOT WORK
  }}
  onSecondaryActionClick={(notification) => {
    // your logic to handle secondary action click
    console.log(notification.id) // DOES NOT WORK
  }}

<InboxContent 
  onNotificationClick={(notification) => {
    // your logic to handle notification click
    console.log(notification.id) // DOES NOT WORK
  }}
  onPrimaryActionClick={(notification) => {
    // your logic to handle primary action click
    console.log(notification.id) // DOES NOT WORK
  }}
  onSecondaryActionClick={(notification) => {
    // your logic to handle secondary action click
    console.log(notification.id) // DOES NOT WORK
  }}

Unable to use <InboxContent> and <Notifications> components

Similar Threads

Unable to use <InboxContent> and <Notifications> components

Similar Threads

Similar Threads

Similar Threads