I have a textarea. I want to show my text real time when user is typing. but new lines and free spaces is ignored. I'm using html-react-parser library.

import parse from 'html-react-parser';


  return (
    <div className="card-postal-main-picture-wrapper">
      
      <div className="card-postal-main-picture">
        <img
          src="/img/card-postal-picture.png"
          alt=""
          className="main-picture"
        />
        <div className="card-postal-text" style={{ textAlign }}>
          {textes.map(item => {
            return (<span style={{ fontFamily: newFontName }}>
              {item.text?parse(item.text):""}</span>)
          })}
        </div>
      </div>
    </div>
  );
};