space is not preserved

[vercel]

space is not preserved

[shuding]

This is expected because the inner <div> also has display: 'flex', which matches the browser's output. A workaround is to use whiteSpace: 'pre' here:

<div
  style={{
    display: 'flex',
    height: '100%',
    width: '100%',
    backgroundColor: 'white',
    fontSize: '2em',
    whiteSpace: 'pre'
  }}
>
  <div>
    Test <span style={{ color: 'blue' }}>satori</span> usage with space
  </div>
</div>

[styfle]

@shuding Oh yeah, the implicit display: flex is confusing when comparing to HTML.

Should satori throw an error if the div is missing it?

[styfle]

Let's throw an error if display: flex is missing on an element and it has children. Or at the very least, warn.