Identifying Users

To render your MagicBell notification inbox, you need to specify the user for whom you want to display their notifications. You have two options, depending on how you identify users in your app.

By email address

Set the userEmail property:

React
import React from 'react';
import MagicBell, { FloatingNotificationInbox } from '@magicbell/magicbell-react';

export default function Notifications() {
  return (
    
      {(props) => }
    
  );
}

By an ID

Set the userExternalId property:

React
import React from 'react';
import MagicBell, { FloatingNotificationInbox } from '@magicbell/magicbell-react';

export default function Notifications() {
  return (
    
      {(props) => }
    
  );
}

external_id