Use useEffectEvent from Canary

Author: eps1lon

package.json

@@ -142,7 +142,7 @@
     "@types/jest": "29.5.5",
     "@types/node": "20.17.6",
     "@types/node-fetch": "2.6.1",
-    "@types/react": "19.1.13",
+    "@types/react": "19.1.14",
     "@types/react-dom": "19.1.7",
     "@types/relay-runtime": "14.1.13",
     "@types/string-hash": "1.1.1",
@@ -298,7 +298,7 @@
       "@babel/parser": "7.27.0",
       "@babel/types": "7.27.0",
       "@babel/traverse": "7.27.0",
-      "@types/react": "19.1.13",
+      "@types/react": "19.1.14",
       "@types/react-dom": "19.1.7",
       "@types/retry": "0.12.0",
       "jest-snapshot": "30.0.0-alpha.6",

packages/next/next-devtools.webpack-config.js

@@ -17,7 +17,7 @@ function shouldIgnorePath(modulePath) {
  * @returns {webpack.Configuration}
  */
 module.exports = ({ dev, ...rest }) => {
-  const experimental = true
+  const experimental = false
 
   const bundledReactChannel = experimental ? '-experimental' : ''
 

packages/next/src/next-devtools/dev-overlay/components/devtools-panel/resize/resize-provider.tsx

@@ -2,7 +2,7 @@ import {
   createContext,
   useCallback,
   useContext,
-  experimental_useEffectEvent as useEffectEvent,
+  useEffectEvent,
   useLayoutEffect,
   useState,
   type RefObject,

packages/next/src/next-devtools/dev-overlay/components/errors/dev-tools-indicator/utils.ts

@@ -1,4 +1,4 @@
-import { useEffect, experimental_useEffectEvent as useEffectEvent } from 'react'
+import { useEffect, useEffectEvent } from 'react'
 
 export function useFocusTrap(
   rootRef: React.RefObject<HTMLElement | null>,

packages/next/src/next-devtools/dev-overlay/menu/dev-overlay-menu.tsx

@@ -1,7 +1,7 @@
 import { useDevOverlayContext } from '../../dev-overlay.browser'
 import { useClickOutsideAndEscape } from '../components/errors/dev-tools-indicator/utils'
 import {
-  experimental_useEffectEvent as useEffectEvent,
+  useEffectEvent,
   useLayoutEffect,
   useRef,
   createContext,

pnpm-lock.yaml

@@ -217,8 +217,8 @@ export class NextInstance {
         const finalDependencies = {
           react: reactVersion,
           'react-dom': reactVersion,
-          '@types/react': '^19.1.1',
-          '@types/react-dom': '^19.1.2',
+          '@types/react': '19.1.14',
+          '@types/react-dom': '19.1.7',
           typescript: 'latest',
           '@types/node': 'latest',
           ...this.dependencies,