Use comments

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

function ReplyList({ commentId }: { commentId: string }) {
  const { comments, loading, error, hasMore, sortBy, setSortBy, loadMore } =
    useFetchManyCommentsWrapper({
      parentId: commentId,
      limit: 10,
      defaultSortBy: "createdAt",
      defaultSortDir: "asc",
      include: "user",
    });

  return (
    <div>
      <select value={sortBy} onChange={(e) => setSortBy(e.target.value as any)}>
        <option value="createdAt">Oldest</option>
        <option value="top">Top</option>
      </select>
      <ul>
        {comments.map((comment) => (
          <li key={comment.id}>{comment.content}</li>
        ))}
      </ul>
      {error && <p>Couldn't load replies.</p>}
      {hasMore && (
        <button onClick={() => loadMore()} disabled={loading}>
          Load more
        </button>
      )}
    </div>
  );
}