Youtube in React: make single comment dynamic

Comment.js

export function Comment(props) {
  if (!props.comment) {
    return <div/>;
  }
  const topLevelComment = props.comment.snippet.topLevelComment;
  const {authorProfileImageUrl, authorDisplayName, textOriginal} = topLevelComment.snippet;
  const likeCount = topLevelComment.snippet.likeCount;

  return (
    <div className='comment'>
      <Image className='user-image' src={authorProfileImageUrl} circular />
      <div>
        <div className='user-name'>{authorDisplayName}</div>
        <span>{textOriginal}</span>
        <div className='comment-actions'>
          <Rating likeCount={likeCount}/> <Button size='mini' compact>REPLY</Button>
        </div>
      </div>
    </div>
  );
}