Skip to main content

​
Overview

useCreateComment returns a function that creates a new comment. Use it directly for low-level comment creation. Inside a CommentSectionProvider, prefer createComment from useCommentSection — it adds optimistic UI and manages the comment tree automatically.
Requires an authenticated user.

​
Usage Example

import { useCreateComment } from "@replyke/react-js";

function PostComment({ entityId }: { entityId: string }) {
  const createComment = useCreateComment();

  const handleSubmit = async (text: string) => {
    const comment = await createComment({
      entityId,
      content: text,
    });
    console.log("Created:", comment.id);
  };

  return <button onClick={() => handleSubmit("Hello!")}>Comment</button>;
}

​
Parameters

​
entityId
string
required
The entity to comment on.
​
content
string
Text content of the comment. Required if gif is not provided.
​
gif
GifData
GIF attachment. Required if content is not provided.
​
parentCommentId
string
ID of the parent comment for replies.
​
foreignId
string
Your own ID to associate with this comment.
​
referencedCommentId
string
ID of a comment being referenced/quoted in this comment.
​
mentions
Mention[]
Users or spaces mentioned in the comment content.
​
attachments
Record<string, any>[]
Arbitrary attachment metadata.
​
metadata
Record<string, any>
Arbitrary project-specific data.

​
Returns

​
Comment
Comment
The newly created comment. See Comment data model.