"enable browser notifications banner" is shown after clearing local storage #70

aethiss · 2023-02-17T16:58:15Z

aethiss
Feb 17, 2023

Hi guys/lads,
we implemented magic bell on our react app, everything works fine, but we have a strange issue about the content section where is displayed to enable the push notification

If i click and enable, everything works as expected, and i also see the push notification on my browser when a new message income. If i refresh the page also all ok. BUT, if i logOut and logIn again, i see the message again (see video)

Breadcrumbs-push-notification.webm

Our implementation is pretty basic:

import React, { ReactElement } from "react";
import { useSelector } from "react-redux";
import MagicBell, {
  FloatingNotificationInbox
} from "@magicbell/magicbell-react";

import { getCurrentUserId } from "redux/selectors/authSelector";

const bcBellTheme = {
  [cut] <- theme here
};

const MagicBellWrapper = (): ReactElement => {
  const userId = useSelector(getCurrentUserId);

  return (
    <MagicBell
      apiKey={process.env.NEXT_PUBLIC_MAGICBELL_KEY}
      userExternalId={`${userId}`}
      theme={bcBellTheme}
      images={{
        emptyInboxUrl: "/images/logo-ico-color.svg"
      }}>
      {(props) => (
        <FloatingNotificationInbox
          {...props}
          notificationPreferencesEnabled={false}
          height={450}
        />
      )}
    </MagicBell>
  );
};

export default MagicBellWrapper;