Next.js中fetch为什么总是发起两次请求？

一个简单的页面:app\fetch-demo\page.js

'use client'

export default function FechDemo() {
    
    const fetchPromise = fetch("https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store/products.json",);
    console.log(fetchPromise);

    return (
        <main className="">
            fetch test
        </main>
    )
}

浏览器控制台返回两次同样的结果：为什么会这样？