This box (pictured below) flashes for a fraction of a millisecond before rendering my CodeMirror component. (I had to take a screen recording and pause in order to get this photo, or else it would’ve been too quick to capture.)
Any suggestions to make it so this doesn’t happen? Thanks in advance!
And for reference, the component renders fine after the flash. I’m using React, and each component is a flashcard that currently has this shape:
<CodeMirror className="code-mirror"
value={msg}
options={{
theme: 'xq-light',
indentUnit: `${indentUnit}`,
mode: `${language}`,
lineNumbers: false,
readOnly: true,
cursorBlinkRate: -1
}}
height="150px"
width="320px"
/>