Написал функцию для корректного отображения комментариев с примененными стилями текста

Author: baysarov077

package-lock.json

@@ -1,3 +1,4 @@
+/* eslint-disable react/no-danger */
 import { useAuth } from 'common/context/Auth/useAuth';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
@@ -108,6 +109,10 @@ export const CommentView = ({ comment, lastComment }) => {
     setIsAuthorizePopoverEnable(!isAuthorizePopoverEnable);
   };
 
+  function createMarkup() {
+    return { __html: lastComment ? truncateLongText(comment.text) : comment.text };
+  }
+
   return (
     <Wrapper>
       <div className="row align-items mb-4 g-1">
@@ -121,7 +126,7 @@ export const CommentView = ({ comment, lastComment }) => {
             <span>{comment.author?.name}</span>
             <StyledTime>{dayjs(comment.createdAt).fromNow()}</StyledTime>
           </div>
-          <div>{lastComment ? truncateLongText(comment.text) : comment.text}</div>
+          <div dangerouslySetInnerHTML={createMarkup()} />
           {!lastComment && (
             <StyledCommentActions>
               <CommentsActions commentId={comment._id} />