次のサーバーでレンダリングするときに指定されたコンポーネントをスキップします。一部のコンポーネントはクライアントの API を使用するため、サーバーのレンダリングがスキップされない場合、サーバーにはこれらの API がないため、エラーが報告されます。
対応するページのコンポーネントをインポートします。
import Components from '../components'
着替える
import dynamic from 'next/dynamic'
const Components = dynamic(() => import('../components'), {
ssr: false,
})
できる
ps: スキップできるのは自分で定義したコンポーネントのみです。npm パッケージによって参照されるコンポーネントを直接スキップすることはできません。