[react] Move useEffectEvent to Canary (DefinitelyTyped#73753)

Author: eps1lon

types/react/canary.d.ts

@@ -57,4 +57,10 @@ declare module "." {
      * @see {@link https://react.dev/reference/react/Activity `<Activity>` documentation}
      */
     export const Activity: ExoticComponent<ActivityProps>;
+
+    /**
+     * @see {@link https://react.dev/reference/react/useEffectEvent `useEffectEvent()` documentation}
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    export function useEffectEvent<T extends Function>(callback: T): T;
 }

types/react/experimental.d.ts

@@ -108,9 +108,6 @@ declare module "." {
      */
     export const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
 
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-    export function experimental_useEffectEvent<T extends Function>(event: T): T;
-
     type Reference = object;
     type TaintableUniqueValue = string | bigint | ArrayBufferView;
     function experimental_taintUniqueValue(

types/react/test/canary.tsx

@@ -55,3 +55,32 @@ function activityTest() {
     />;
     <Activity children="peekaboo" name="/" />;
 }
+
+function useEffectEventTest() {
+    // Implicit any
+    // @ts-expect-error
+    const anyEvent = React.useEffectEvent(value => {
+        // $ExpectType any
+        return value;
+    });
+    // $ExpectType any
+    anyEvent({});
+    // $ExpectType (value: string) => number
+    const typedEvent = React.useEffectEvent((value: string) => {
+        return Number(value);
+    });
+    // $ExpectType number
+    typedEvent("1");
+    // Argument of type '{}' is not assignable to parameter of type 'string'.
+    // @ts-expect-error
+    typedEvent({});
+
+    function useContextuallyTypedEvent(fn: (event: Event) => string) {}
+    useContextuallyTypedEvent(
+        React.useEffectEvent(event => {
+            // $ExpectType Event
+            event;
+            return String(event);
+        }),
+    );
+}

types/react/test/experimental.tsx

@@ -77,35 +77,6 @@ function Page({ children }: { children: NonNullable<React.ReactNode> }) {
     );
 }
 
-function useEvent() {
-    // Implicit any
-    // @ts-expect-error
-    const anyEvent = React.experimental_useEffectEvent(value => {
-        // $ExpectType any
-        return value;
-    });
-    // $ExpectType any
-    anyEvent({});
-    // $ExpectType (value: string) => number
-    const typedEvent = React.experimental_useEffectEvent((value: string) => {
-        return Number(value);
-    });
-    // $ExpectType number
-    typedEvent("1");
-    // Argument of type '{}' is not assignable to parameter of type 'string'.
-    // @ts-expect-error
-    typedEvent({});
-
-    function useContextuallyTypedEvent(fn: (event: Event) => string) {}
-    useContextuallyTypedEvent(
-        React.experimental_useEffectEvent(event => {
-            // $ExpectType Event
-            event;
-            return String(event);
-        }),
-    );
-}
-
 function elementTypeTests() {
     const ReturnPromise = () => Promise.resolve("React");
     const FCPromise: React.FC = ReturnPromise;

types/react/ts5.0/canary.d.ts

@@ -57,4 +57,10 @@ declare module "." {
      * @see {@link https://react.dev/reference/react/Activity `<Activity>` documentation}
      */
     export const Activity: ExoticComponent<ActivityProps>;
+
+    /**
+     * @see {@link https://react.dev/reference/react/useEffectEvent `useEffectEvent()` documentation}
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    export function useEffectEvent<T extends Function>(callback: T): T;
 }

types/react/ts5.0/experimental.d.ts

@@ -108,9 +108,6 @@ declare module "." {
      */
     export const unstable_SuspenseList: ExoticComponent<SuspenseListProps>;
 
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
-    export function experimental_useEffectEvent<T extends Function>(event: T): T;
-
     type Reference = object;
     type TaintableUniqueValue = string | bigint | ArrayBufferView;
     function experimental_taintUniqueValue(

types/react/ts5.0/test/canary.tsx

@@ -55,3 +55,32 @@ function activityTest() {
     />;
     <Activity children="peekaboo" name="/" />;
 }
+
+function useEffectEventTest() {
+    // Implicit any
+    // @ts-expect-error
+    const anyEvent = React.useEffectEvent(value => {
+        // $ExpectType any
+        return value;
+    });
+    // $ExpectType any
+    anyEvent({});
+    // $ExpectType (value: string) => number
+    const typedEvent = React.useEffectEvent((value: string) => {
+        return Number(value);
+    });
+    // $ExpectType number
+    typedEvent("1");
+    // Argument of type '{}' is not assignable to parameter of type 'string'.
+    // @ts-expect-error
+    typedEvent({});
+
+    function useContextuallyTypedEvent(fn: (event: Event) => string) {}
+    useContextuallyTypedEvent(
+        React.useEffectEvent(event => {
+            // $ExpectType Event
+            event;
+            return String(event);
+        }),
+    );
+}

types/react/ts5.0/test/experimental.tsx

@@ -77,35 +77,6 @@ function Page({ children }: { children: NonNullable<React.ReactNode> }) {
     );
 }
 
-function useEvent() {
-    // Implicit any
-    // @ts-expect-error
-    const anyEvent = React.experimental_useEffectEvent(value => {
-        // $ExpectType any
-        return value;
-    });
-    // $ExpectType any
-    anyEvent({});
-    // $ExpectType (value: string) => number
-    const typedEvent = React.experimental_useEffectEvent((value: string) => {
-        return Number(value);
-    });
-    // $ExpectType number
-    typedEvent("1");
-    // Argument of type '{}' is not assignable to parameter of type 'string'.
-    // @ts-expect-error
-    typedEvent({});
-
-    function useContextuallyTypedEvent(fn: (event: Event) => string) {}
-    useContextuallyTypedEvent(
-        React.experimental_useEffectEvent(event => {
-            // $ExpectType Event
-            event;
-            return String(event);
-        }),
-    );
-}
-
 function elementTypeTests() {
     const ReturnPromise = () => Promise.resolve("React");
     const FCPromise: React.FC = ReturnPromise;