Hello I am working on a blog post creation tool and I need a engine when I write in textarea <hr/> I get a line, or when I write <img/> I get an image but it doesn't render.

The post is written in a textarea and should be displayed in a div.

How to do it?

const PostCreate = () => {
    const [postValue, changeValue] = useState('')
    const handleChangeValue = (e:any) => {
        changeValue(e.target.value)
        console.log(postValue);
    }
    return (
        <div className='postCreate'>
            Create New Post
            <textarea onChange={handleChangeValue} value={postValue}/>
            <div>
                {postValue}
            </div>
        </div>
    )
}

If I write <hr/> I get the string <hr/> instead of a line: