Use entity comments

import { useEntityComments } from "@sublay/react-js";

function CommentList({ entityId }: { entityId: string }) {
  const { comments, loading, error, hasMore, loadMore } = useEntityComments({
    entityId,
    defaultSortBy: "top",
  });

  // Nothing loaded yet: offer a retry. loadMore() re-sends the failed page.
  if (error && comments.length === 0) {
    return (
      <>
        <p>Couldn't load comments.</p>
        <button onClick={() => loadMore()}>Try again</button>
      </>
    );
  }

  return (
    <>
      {comments.map((c) => <div key={c.id}>{c.content}</div>)}
      {hasMore && (
        <button onClick={() => loadMore()} disabled={loading}>
          Load more
        </button>
      )}
    </>
  );
}