Неверно сохраняется статья

………………………………………..
const PostFormContainer = ({
    className,
    post: { id, title, imageUrl, content, publishedAt },
}) => {
    const imageRef = useRef(null);
    const titleRef = useRef(null);
    const contentRef = useRef(null);
    const dispatch = useDispatch();
    const navigate = useNavigate();
    const requestServer = useServerRequest();
 
    ……………………………………………….
 
 
    const onSave = () => {
        const newImageUrl = imageRef.current.value;
        const newTitle = titleRef.current.value;
        const newContent = sanitizeContent(contentRef.current.innerHTML);
 
        dispatch(
            savePostAsync(requestServer, {
                id,
                imageUrl: newImageUrl,
                title: newTitle,
                content: newContent,
            }),
        ).then(() => navigate(`/post/${id}`));
    };
 
    return (
        <div className={className}>
            <Input ref={imageRef} defaultValue={imageUrl} placeholder="Изображение..." />
            <Input ref={titleRef} defaultValue={title} placeholder="Заголовок..." />
            <div className="special-panel">
                <div className="published-at">
                    {publishedAt && (
                        <Icon
                            inactive={true}
                            id="fa-calendar-o"
                            margin="0 7px 0 0"
                            size="18px"
                        />
                    )}
                    {publishedAt}
                </div>
                <div className="buttons">
                    <Icon
                        id="fa-floppy-o"
                        size="18px"
                        onClick={onSave}
                    />
            …………………………………………
                </div>
            </div>
            <div
                ref={contentRef}
                contentEditable={true}
                suppressContentEditableWarning={true}
                className="post-text"
            >
                {content}
            </div>
        </div>
    );
};
 
export const PostForm = styled(PostFormContainer)`
    …………………………………
`;

const content = `<p>Content</p>`
function App() {
  return <div>{content }</div>;
}
 
export default App;

const content = `<p>Content</p>`
function App() {
  return <div dangerouslySetInnerHTML={{__html: content}}></div>;
}

            <div
                ref={contentRef}
                contentEditable={true}
                suppressContentEditableWarning={true}
                className="post-text"
                dangerouslySetInnerHTML={{__html: content}} // тут добавить
            >
                // тут теперь {content} не должно быть
            </div>