Next.js adding unecssary empty comment <!-- --> when using SSR

[khanakia]

As you can see below code output it added <!-- --> this comment. how do i prevent this issue.

const Post = ({title}) => {
  return (
    <>
      <h3>Post {title}</h3>
    </>
  )
}

export const getServerSideProps = async (context) => {
  const slug = context.params.slug
  return {
    props: {
      title: slug,
    }
  }  

}
export default Post

Ouputs http://localhost:3000/product/test

<h3>Post <!-- -->test</h3>

[khanakia]

@willemliu, @fabb, @carlosbaraza, @lachlanjc anybody can help regarding above issue ?

[willemliufdmg]

This is a React-specific issue and it's by design:

facebook/react#14725 (comment)

[khanakia]

Thanks 👍