Syntax error: Adjacent JSXエラーの対象方法

Reactをやっていると一度は見るエラーがあります。それは

Syntax error: Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>?

になります。 このエラーを直訳すると、

構文エラー：JSXの要素は閉じたタグで囲う必要があります。

という内容になります。 これの対処方法はすごく簡単で

<>
... //中身
</>

上記のように<>と</>で囲ってあげるだけです。 全体のコードだと下記のようになります。

const Home = () => {
  return (
    <>
      <p>React jsです</p>
      <p>React jsです</p>
    </>
  )
}

export default Home