diff --git a/packages/next/src/client/app-next-dev.ts b/packages/next/src/client/app-next-dev.ts index 9263f88ac53e7c..51494bd8f41715 100644 --- a/packages/next/src/client/app-next-dev.ts +++ b/packages/next/src/client/app-next-dev.ts @@ -1,5 +1,6 @@ // TODO-APP: hydration warning +import './next-test' import './app-webpack' import { renderAppDevOverlay } from 'next/dist/compiled/next-devtools' diff --git a/packages/next/src/client/app-next-turbopack.ts b/packages/next/src/client/app-next-turbopack.ts index 098739c58edaac..ce396f6b80e68f 100644 --- a/packages/next/src/client/app-next-turbopack.ts +++ b/packages/next/src/client/app-next-turbopack.ts @@ -1,3 +1,4 @@ +import './next-test' import { appBootstrap } from './app-bootstrap' import { isRecoverableError } from './react-client-callbacks/on-recoverable-error' diff --git a/packages/next/src/client/next-dev-turbopack.ts b/packages/next/src/client/next-dev-turbopack.ts index d456485c747ec0..2b221c92554443 100644 --- a/packages/next/src/client/next-dev-turbopack.ts +++ b/packages/next/src/client/next-dev-turbopack.ts @@ -1,4 +1,5 @@ // TODO: Remove use of `any` type. +import './next-test' import { initialize, version, router, emitter } from './' import initHMR from './dev/hot-middleware-client' diff --git a/packages/next/src/client/next-dev.ts b/packages/next/src/client/next-dev.ts index 57d459137cef83..c07ca5351d3fa1 100644 --- a/packages/next/src/client/next-dev.ts +++ b/packages/next/src/client/next-dev.ts @@ -1,4 +1,5 @@ // TODO: Remove use of `any` type. +import './next-test' import './webpack' import { initialize, version, router, emitter } from './' import initHMR from './dev/hot-middleware-client' diff --git a/packages/next/src/client/next-test.ts b/packages/next/src/client/next-test.ts new file mode 100644 index 00000000000000..4f97f021bbcef4 --- /dev/null +++ b/packages/next/src/client/next-test.ts @@ -0,0 +1,6 @@ +// For App and Pages Router +if (process.env.NODE_ENV !== 'production' && process.env.__NEXT_TEST_MODE) { + // Our tests don't run with React DevTools attached so the CTA is noisy. + // See https://github.com/facebook/react/pull/11448 + ;(window as any).__REACT_DEVTOOLS_GLOBAL_HOOK__ = { isDisabled: true } +}