Error: React.Children.only expected to receive a single React element child.

以下程式碼為錯誤的程式碼

return(
    <div>
        <Link href="/">  <a> Home </a> </Link>
        <Link href="/about"> <a> About </a>  </Link>
    </div>
)

這邊產生的議題實際上是與標籤之間的空格而產生的
本身只能有一個子節點，但最上面錯誤的程式碼中跟中間的空格被認定為一個子節點，
也因為有兩個子節點(一個空格、一個標籤)，導致系統判斷前一個節點之後就認定該處有誤而因此報錯，
因此只需要將空格刪除即可

<div>
    <Link href="/"><a> Home </a></Link>
    <Link href="/about"><a> About </a></Link>
</div>

of Next.js: Error: React.Children.only expected to receive a single React element child

這部分則是標籤再判斷的時候認為會收到子元素，但其中並沒有而導致的錯誤

<Link href={`/tutorial/${tutorial.slug}`}>{tutorial.title}</Link>

只需以下處理即可

<Link href={`/tutorial/${tutorial.slug}`}><a>{tutorial.title}</a></Link>