Novu•5mo ago

Components not refreshing after update to PRO

Hi. We have an issue that React Novu components stopped refreshing on new events and updates (new notifications counter, mark as read etc). You can see <Bell /> component or <InboxContent /> component updates only when you refresh the page. Seems like websocket updates are not working any longer? We switched from trial to PRO version around the time it stopped working 🤔 As for our components setup we use something like following: A wrapper component

export const Novu = ({ children }: PropsWithChildren) => {
  return (
    <Inbox
      applicationIdentifier={NOVU_APP_ID}
      subscriberId={userId}
      localization={localization}
    >
      {children}
    </Inbox>
  );
};

export const Novu = ({ children }: PropsWithChildren) => {
  return (
    <Inbox
      applicationIdentifier={NOVU_APP_ID}
      subscriberId={userId}
      localization={localization}
    >
      {children}
    </Inbox>
  );
};

And then we use Bell component and InboxContent component separately.

<aside>
    {/* BELL BUTTON */}
    <div>
      <Novu>
        <Bell renderBell={(unreadCount) => <span>{unreadCount}</span>} />
      </Novu>
    </div>

    {/* INBOX CONTENT  */}
    <div>
      <Novu>
        <InboxContent />
      </Novu>
    </div>
</aside>

<aside>
    {/* BELL BUTTON */}
    <div>
      <Novu>
        <Bell renderBell={(unreadCount) => <span>{unreadCount}</span>} />
      </Novu>
    </div>

    {/* INBOX CONTENT  */}
    <div>
      <Novu>
        <InboxContent />
      </Novu>
    </div>
</aside>

9 Replies

Pawan Jain•5mo ago

@gxx Could you try with this

<aside>
  <Novu>
    {/* BELL BUTTON */}
    <div>
        <Bell renderBell={(unreadCount) => <span>{unreadCount}</span>} />
   
    </div>

    {/* INBOX CONTENT  */}
    <div>
        <InboxContent />
    </div>
  </Novu>
</aside>

<aside>
  <Novu>
    {/* BELL BUTTON */}
    <div>
        <Bell renderBell={(unreadCount) => <span>{unreadCount}</span>} />
   
    </div>

    {/* INBOX CONTENT  */}
    <div>
        <InboxContent />
    </div>
  </Novu>
</aside>