Zenn
📍

Next.js 「Extra attributes from the server: cz-shortcut-listen」の解消法

2024/01/07に公開
Next.js
tech

Next.jsにて下記のエラー（warning）の解消法になります。

Warning: Extra attributes from the server: cz-shortcut-listen

warningの解消法

export default function RootLayout({
  children
}: {
  children: React.ReactNode
}) {
  return (
    <>
      <html lang="ja" suppressHydrationWarning={true}>
        <head />
	<body>
        </body>
      </html>
    </>
  )

layoutのhtmlタグにsuppressHydrationWarning={true}を記述することでwarningを解消できました。

Discussion