I am new to react js and trying to develop a website full of technical tutorials. As a part of it I am creating tutorials for react js with live preview of some code snippets in each tutorial. I am using react-live for this purpose. Here is the link to demo of react-live click here
When I am trying to use this code editor it is displaying the text incorrectly with wrong spacing and cursor position. below is the snapshot of it. Code editor text with wrong spacing and cursor position
Does Anybody has any idea why is it displaying this text in code editor incorrectly when I am trying to use it instead it is displaying it correctly in demo link.