React SDK

npm install @enbbox/react

import { Inbox } from "@enbbox/react";

<Inbox projectId="YOUR_PROJECT_ID" subscriberId="user-123" />;

import { useNotifications } from "@enbbox/react";

function NotificationList() {
  const { notifications, isLoading, hasMore, fetchMore, readAll } =
    useNotifications({ read: false });

  if (isLoading) return <p>Loading...</p>;

  return (
    <div>
      <button onClick={readAll}>Mark all read</button>
      {notifications?.map((n) => (
        <div key={n.id}>{n.body}</div>
      ))}
      {hasMore && <button onClick={fetchMore}>Load more</button>}
    </div>
  );
}

import { useCounts } from "@enbbox/react";

function Badge() {
  const { counts } = useCounts({ filters: [{ read: false }] });
  const unread = counts?.[0]?.count ?? 0;
  return unread > 0 ? <span>{unread}</span> : null;
}