Line breaks are not respected in blockquotes, and inline code blocks

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

react-markdown@7.0.1

Link to runnable example

https://codesandbox.io/s/still-monad-5p15j?file=/src/app.tsx

Steps to reproduce

It appears that line breaks for blockquotes aren’t respected and they all get merged into one line. To reproduce use this markdown:

> each one of these
> should be on
> a new line

Expected behavior

The expected output is something like this:

<blockquote>
  each one of these<br/>
  should be on<br/>
  a new line
</blockquote>

or

<blockquote>
  <p>each one of these</p>
  <p>should be on</p>
  <p>a new line</p>
</blockquote>

Actual behavior

The actual current output is:

<blockquote>
  <p>
    each one of these
    should be on
    a new line
  </p>
</blockquote>

Runtime

Node v16

Package manager

yarn v1

OS

macOS

Build and bundle tools

Webpack

[EvHaus]

remark-breaks was what I needed. Sorry I missed that and thanks for the quick response!

[EvHaus]

@get-codin Hmm. For me, just adding remark-breaks did the trick. I’m using it through react-markdown so the implementation is a bit different.

I did notice that the order of plugins often makes a big difference. Maybe try swapping the order of .use(html) and .use(remarkBreaks)?