next/linkの警告文"onClick" was passed to <Link> with "href" of "/" but "legacyBehavior" was set.に対応する

[ReoHakase]

警告文の例

react_devtools_backend.js:4026 "onClick" was passed to <Link> with `href` of `/` but "legacyBehavior" was set. The legacy behavior requires onClick be set on the child of next/link     at LinkComponent (webpack-internal:///./node_modules/next/dist/client/link.js:109:19)    at _c2 (webpack-internal:///./src/presentation/primitive/component/link/link.presenter.tsx:75:25)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:53:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:20:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:53:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:20:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:53:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:20:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-collection/dist/index.module.js:79:14)    at eval (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:818:28)    at eval (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:388:28)    at NavigationLink (webpack-internal:///./src/presentation/primitive/component/navigation/navigation.presenter.tsx:37:23)    at li    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at Provider (webpack-internal:///./node_modules/@radix-ui/react-context/dist/index.module.js:55:16)    at eval (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:255:28)    at NavigationItem (webpack-internal:///./src/presentation/primitive/component/navigation/navigation.presenter.tsx:102:24)    at ul    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:53:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:20:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:53:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:20:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-collection/dist/index.module.js:57:14)    at Provider (webpack-internal:///./node_modules/@radix-ui/react-context/dist/index.module.js:55:16)    at CollectionProvider (webpack-internal:///./node_modules/@radix-ui/react-collection/dist/index.module.js:33:14)    at eval (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:798:28)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:53:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-slot/dist/index.module.js:20:15)    at eval (webpack-internal:///./node_modules/@radix-ui/react-collection/dist/index.module.js:57:14)    at div    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at eval (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:222:28)    at nav    at eval (webpack-internal:///./node_modules/@radix-ui/react-primitive/dist/index.module.js:28:16)    at Provider (webpack-internal:///./node_modules/@radix-ui/react-context/dist/index.module.js:55:16)    at Provider (webpack-internal:///./node_modules/@radix-ui/react-context/dist/index.module.js:55:16)    at CollectionProvider (webpack-internal:///./node_modules/@radix-ui/react-collection/dist/index.module.js:33:14)    at Provider (webpack-internal:///./node_modules/@radix-ui/react-context/dist/index.module.js:55:16)    at $322c88a641701f3b$var$NavigationMenuProvider (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:143:12)    at eval (webpack-internal:///./node_modules/@radix-ui/react-navigation-menu/dist/index.module.js:71:28)    at NavigationMenu (webpack-internal:///./src/presentation/primitive/component/navigation/navigation.presenter.tsx:115:25)    at PageNavigationMenu (webpack-internal:///./src/presentation/layout/component/page-navigation-menu/page-navigation-menu.presenter.tsx:31:24)    at div    at header    at Header (webpack-internal:///./src/presentation/layout/component/header/header.presenter.tsx:34:24)    at div    at Layout (webpack-internal:///./src/presentation/layout/layout.container.tsx:30:23)    at IndexPage    at AudioProvider (webpack-internal:///./src/presentation/layout/component/audio-provider/audio-provider.presenter.tsx:31:28)    at AudioProviderContainer (webpack-internal:///./src/presentation/layout/component/audio-provider/audio-provider.container.tsx:26:105)    at RecoilRoot_INTERNAL (webpack-internal:///./node_modules/recoil/es/index.js:4228:3)    at RecoilRoot (webpack-internal:///./node_modules/recoil/es/index.js:4394:5)    at CustomApp (webpack-internal:///./src/pages/_app.tsx:47:24)    at ErrorBoundary (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:1601:35)    at ReactDevOverlay (webpack-internal:///./node_modules/next/dist/compiled/@next/react-dev-overlay/dist/client.js:1786:19)    at Container (webpack-internal:///./node_modules/next/dist/client/index.js:139:5)    at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:323:24)    at Root (webpack-internal:///./node_modules/next/dist/client/index.js:530:25)

関連リンク vercel/next.js#36436