Newline after custom tag doesn't work.

[hunkydoryrepair]

I have a custom tag using a simple override. When a newline appears directly after (two spaces and a \n), the newline is not generated if it uses the <time /> syntax, however if it uses <time></time> then it works as expected.

Workaround is simple of course, since thankfully the 2nd method works fine.

Ironically, one of the samples in documentation is very close to reproducing this error. I've modified to show what happens with an added newline

const md = `
# DatePicker

The DatePicker works by supplying a date to bias towards,
as well as a default timezone.

<DatePicker biasTowardDateTime="2017-12-05T07:39:36.091Z" timezone="UTC+5" />  
This should be on the next line`

render(
  <Markdown
    children={md}
    options={{
      overrides: {
        DatePicker: {
          component: DatePicker,
        },
      },
    }}
  />,
  document.body
)

[quantizor]

Can you make a PR with a failing test? I'm actually not able to reproduce this or am misunderstanding something.

[hunkydoryrepair]

maybe something I'm not understanding, then. My DatePicker in this case looked like this:

function getDateString(ts) {
   return new Intl.DateTimeFormat(undefined, options).format(new Date(ts));
}

const DatePicker = ({ timestamp }: { timestamp: string }) => {
  let  ts = parseInt(timestamp);
  return <>{getDateString(ts)}</>;
};

I bet if I put it inside a <span></span> instead of <></> it would work.

[hunkydoryrepair]

here is a repro on sandbox. Using <span> did not work

https://codesandbox.io/p/sandbox/markdown-to-jsx-example-ex4oo

Generated HTML looks like this:

<div><h1 id="time-break" class="sc-bdVaJa iNrpcY">Time Break</h1><p>Put newline after the timestamp
<span>1:22:14 PM</span>This should be on the next line but is not.</p><p>But after this <span>1:22:14 PM</span><br>it is on a new line</p></div>

So no
when the text has /> \n but for /time> \n we get a