@types/react-dom 18.3.0 → 19.1.7

react-dom/README.md

@@ -2,14 +2,15 @@
 > `npm install --save @types/react-dom`
 
 # Summary
-This package contains type definitions for react-dom (https://reactjs.org).
+This package contains type definitions for react-dom (https://react.dev/).
 
 # Details
 Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom.
 
 ### Additional Details
- * Last updated: Thu, 25 Apr 2024 20:07:03 GMT
- * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
+ * Last updated: Tue, 29 Jul 2025 09:39:53 GMT
+ * Dependencies: none
+ * Peer dependencies: [@types/react](https://npmjs.com/package/@types/react)
 
 # Credits
 These definitions were written by [Asana](https://asana.com), [AssureSign](http://www.assuresign.com), [Microsoft](https://microsoft.com), [MartynasZilinskas](https://github.com/MartynasZilinskas), [Josh Rutherford](https://github.com/theruther4d), [Jessica Franco](https://github.com/Jessidhia), and [Sebastian Silbermann](https://github.com/eps1lon).

react-dom/canary.d.ts

@@ -31,154 +31,7 @@ import ReactDOM = require(".");
 
 export {};
 
-declare const REACT_FORM_STATE_SIGIL: unique symbol;
-
-declare module "." {
-    function prefetchDNS(href: string): void;
-
-    interface PreconnectOptions {
-        // Don't create a helper type.
-        // It would have to be in module scope to be inlined in TS tooltips.
-        // But then it becomes part of the public API.
-        // TODO: Upstream to microsoft/TypeScript-DOM-lib-generator -> w3c/webref
-        // since the spec has a notion of a dedicated type: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#cors-settings-attribute
-        crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
-    }
-    function preconnect(href: string, options?: PreconnectOptions): void;
-
-    type PreloadAs =
-        | "audio"
-        | "document"
-        | "embed"
-        | "fetch"
-        | "font"
-        | "image"
-        | "object"
-        | "track"
-        | "script"
-        | "style"
-        | "video"
-        | "worker";
-    interface PreloadOptions {
-        as: PreloadAs;
-        crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
-        fetchPriority?: "high" | "low" | "auto" | undefined;
-        // TODO: These should only be allowed with `as: 'image'` but it's not trivial to write tests against the full TS support matrix.
-        imageSizes?: string | undefined;
-        imageSrcSet?: string | undefined;
-        integrity?: string | undefined;
-        type?: string | undefined;
-        nonce?: string | undefined;
-        referrerPolicy?: ReferrerPolicy | undefined;
-    }
-    function preload(href: string, options?: PreloadOptions): void;
-
-    // https://html.spec.whatwg.org/multipage/links.html#link-type-modulepreload
-    type PreloadModuleAs = RequestDestination;
-    interface PreloadModuleOptions {
-        /**
-         * @default "script"
-         */
-        as: PreloadModuleAs;
-        crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
-        integrity?: string | undefined;
-        nonce?: string | undefined;
-    }
-    function preloadModule(href: string, options?: PreloadModuleOptions): void;
-
-    type PreinitAs = "script" | "style";
-    interface PreinitOptions {
-        as: PreinitAs;
-        crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
-        fetchPriority?: "high" | "low" | "auto" | undefined;
-        precedence?: string | undefined;
-        integrity?: string | undefined;
-        nonce?: string | undefined;
-    }
-    function preinit(href: string, options?: PreinitOptions): void;
-
-    // Will be expanded to include all of https://github.com/tc39/proposal-import-attributes
-    type PreinitModuleAs = "script";
-    interface PreinitModuleOptions {
-        /**
-         * @default "script"
-         */
-        as?: PreinitModuleAs;
-        crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
-        integrity?: string | undefined;
-        nonce?: string | undefined;
-    }
-    function preinitModule(href: string, options?: PreinitModuleOptions): void;
-
-    interface FormStatusNotPending {
-        pending: false;
-        data: null;
-        method: null;
-        action: null;
-    }
-
-    interface FormStatusPending {
-        pending: true;
-        data: FormData;
-        method: string;
-        action: string | ((formData: FormData) => void | Promise<void>);
-    }
-
-    type FormStatus = FormStatusPending | FormStatusNotPending;
-
-    function useFormStatus(): FormStatus;
-
-    function useFormState<State>(
-        action: (state: Awaited<State>) => State | Promise<State>,
-        initialState: Awaited<State>,
-        permalink?: string,
-    ): [state: Awaited<State>, dispatch: () => void, isPending: boolean];
-    function useFormState<State, Payload>(
-        action: (state: Awaited<State>, payload: Payload) => State | Promise<State>,
-        initialState: Awaited<State>,
-        permalink?: string,
-    ): [state: Awaited<State>, dispatch: (payload: Payload) => void, isPending: boolean];
-
-    function requestFormReset(form: HTMLFormElement): void;
-}
-
-declare module "./client" {
-    interface ReactFormState {
-        [REACT_FORM_STATE_SIGIL]: never;
-    }
-
-    interface RootOptions {
-        onUncaughtError?:
-            | ((error: unknown, errorInfo: { componentStack?: string | undefined }) => void)
-            | undefined;
-        onCaughtError?:
-            | ((
-                error: unknown,
-                errorInfo: {
-                    componentStack?: string | undefined;
-                    errorBoundary?: React.Component<unknown> | undefined;
-                },
-            ) => void)
-            | undefined;
-    }
-
-    interface HydrationOptions {
-        formState?: ReactFormState | null;
-        onUncaughtError?:
-            | ((error: unknown, errorInfo: { componentStack?: string | undefined }) => void)
-            | undefined;
-        onCaughtError?:
-            | ((
-                error: unknown,
-                errorInfo: {
-                    componentStack?: string | undefined;
-                    errorBoundary?: React.Component<unknown> | undefined;
-                },
-            ) => void)
-            | undefined;
-    }
-
-    interface DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_CREATE_ROOT_CONTAINERS {
-        document: Document;
-    }
+declare module "react" {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface CacheSignal extends AbortSignal {}
 }

react-dom/client.d.ts

@@ -5,12 +5,33 @@
 // See https://github.com/facebook/react/blob/main/packages/react-dom/client.js to see how the exports are declared,
 
 import React = require("react");
+
+export {};
+
+declare const REACT_FORM_STATE_SIGIL: unique symbol;
+export interface ReactFormState {
+    [REACT_FORM_STATE_SIGIL]: never;
+}
+
 export interface HydrationOptions {
+    formState?: ReactFormState | null;
     /**
      * Prefix for `useId`.
      */
     identifierPrefix?: string;
+    onUncaughtError?:
+        | ((error: unknown, errorInfo: { componentStack?: string | undefined }) => void)
+        | undefined;
     onRecoverableError?: (error: unknown, errorInfo: ErrorInfo) => void;
+    onCaughtError?:
+        | ((
+            error: unknown,
+            errorInfo: {
+                componentStack?: string | undefined;
+                errorBoundary?: React.Component<unknown> | undefined;
+            },
+        ) => void)
+        | undefined;
 }
 
 export interface RootOptions {
@@ -18,11 +39,22 @@ export interface RootOptions {
      * Prefix for `useId`.
      */
     identifierPrefix?: string;
+    onUncaughtError?:
+        | ((error: unknown, errorInfo: { componentStack?: string | undefined }) => void)
+        | undefined;
     onRecoverableError?: (error: unknown, errorInfo: ErrorInfo) => void;
+    onCaughtError?:
+        | ((
+            error: unknown,
+            errorInfo: {
+                componentStack?: string | undefined;
+                errorBoundary?: React.Component<unknown> | undefined;
+            },
+        ) => void)
+        | undefined;
 }
 
 export interface ErrorInfo {
-    digest?: string;
     componentStack?: string;
 }
 
@@ -41,6 +73,7 @@ export interface DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_CREATE_ROOT_CONTAI
 export type Container =
     | Element
     | DocumentFragment
+    | Document
     | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_CREATE_ROOT_CONTAINERS[
         keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_CREATE_ROOT_CONTAINERS
     ];

react-dom/experimental.d.ts

@@ -32,5 +32,55 @@ import ReactDOM = require("./canary");
 
 export {};
 
+declare const UNDEFINED_VOID_ONLY: unique symbol;
+type VoidOrUndefinedOnly = void | { [UNDEFINED_VOID_ONLY]: never };
+
 declare module "." {
 }
+
+declare module "react" {
+    interface ViewTransitionPseudoElement extends Animatable {
+        getComputedStyle: () => CSSStyleDeclaration;
+    }
+
+    interface ViewTransitionInstance {
+        group: ViewTransitionPseudoElement;
+        imagePair: ViewTransitionPseudoElement;
+        old: ViewTransitionPseudoElement;
+        new: ViewTransitionPseudoElement;
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface GestureProvider extends AnimationTimeline {}
+
+    // @enableFragmentRefs
+    interface FragmentInstance {
+        blur: () => void;
+        focus: (focusOptions?: FocusOptions | undefined) => void;
+        focusLast: (focusOptions?: FocusOptions | undefined) => void;
+        observeUsing(observer: IntersectionObserver | ResizeObserver): void;
+        unobserveUsing(observer: IntersectionObserver | ResizeObserver): void;
+        getClientRects(): Array<DOMRect>;
+        getRootNode(getRootNodeOptions?: GetRootNodeOptions | undefined): Document | ShadowRoot | FragmentInstance;
+        addEventListener(
+            type: string,
+            listener: EventListener,
+            optionsOrUseCapture?: Parameters<Element["addEventListener"]>[2],
+        ): void;
+        removeEventListener(
+            type: string,
+            listener: EventListener,
+            optionsOrUseCapture?: Parameters<Element["removeEventListener"]>[2],
+        ): void;
+    }
+}
+
+declare module "./client" {
+    type TransitionIndicatorCleanup = () => VoidOrUndefinedOnly;
+    interface RootOptions {
+        onDefaultTransitionIndicator?: (() => void | TransitionIndicatorCleanup) | undefined;
+    }
+    interface HydrationOptions {
+        onDefaultTransitionIndicator?: (() => void | TransitionIndicatorCleanup) | undefined;
+    }
+}

react-dom/index.d.ts

@@ -4,146 +4,125 @@
 
 export as namespace ReactDOM;
 
-import {
-    CElement,
-    Component,
-    ComponentState,
-    DOMAttributes,
-    DOMElement,
-    FunctionComponentElement,
-    ReactElement,
-    ReactInstance,
-    ReactNode,
-    ReactPortal,
-} from "react";
-
-/**
- * @deprecated See https://react.dev/reference/react-dom/findDOMNode#alternatives
- */
-export function findDOMNode(instance: ReactInstance | null | undefined): Element | null | Text;
-/**
- * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
- */
-export function unmountComponentAtNode(container: Element | DocumentFragment): boolean;
+import { Key, ReactNode, ReactPortal } from "react";
 
 export function createPortal(
     children: ReactNode,
     container: Element | DocumentFragment,
-    key?: null | string,
+    key?: Key | null,
 ): ReactPortal;
 
 export const version: string;
-/**
- * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
- */
-export const render: Renderer;
-/**
- * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
- */
-export const hydrate: Renderer;
 
 export function flushSync<R>(fn: () => R): R;
 
 export function unstable_batchedUpdates<A, R>(callback: (a: A) => R, a: A): R;
 export function unstable_batchedUpdates<R>(callback: () => R): R;
 
-/**
- * @deprecated
- */
-export function unstable_renderSubtreeIntoContainer<T extends Element>(
-    parentComponent: Component<any>,
-    element: DOMElement<DOMAttributes<T>, T>,
-    container: Element,
-    callback?: (element: T) => any,
-): T;
-/**
- * @deprecated
- */
-export function unstable_renderSubtreeIntoContainer<P, T extends Component<P, ComponentState>>(
-    parentComponent: Component<any>,
-    element: CElement<P, T>,
-    container: Element,
-    callback?: (component: T) => any,
-): T;
-/**
- * @deprecated
- */
-export function unstable_renderSubtreeIntoContainer<P>(
-    parentComponent: Component<any>,
-    element: ReactElement<P>,
-    container: Element,
-    callback?: (component?: Component<P, ComponentState> | Element) => any,
-    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-): Component<P, ComponentState> | Element | void;
-
-export type Container = Element | Document | DocumentFragment;
-
-export interface Renderer {
-    // Deprecated(render): The return value is deprecated.
-    // In future releases the render function's return type will be void.
-
-    /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
-     */
-    <T extends Element>(
-        element: DOMElement<DOMAttributes<T>, T>,
-        container: Container | null,
-        callback?: () => void,
-    ): T;
-
-    /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
-     */
-    (
-        element: Array<DOMElement<DOMAttributes<any>, any>>,
-        container: Container | null,
-        callback?: () => void,
-    ): Element;
-
-    /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
-     */
-    (
-        element: FunctionComponentElement<any> | Array<FunctionComponentElement<any>>,
-        container: Container | null,
-        callback?: () => void,
-    ): void;
+export interface FormStatusNotPending {
+    pending: false;
+    data: null;
+    method: null;
+    action: null;
+}
 
-    /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
-     */
-    <P, T extends Component<P, ComponentState>>(
-        element: CElement<P, T>,
-        container: Container | null,
-        callback?: () => void,
-    ): T;
+export interface FormStatusPending {
+    pending: true;
+    data: FormData;
+    method: string;
+    action: string | ((formData: FormData) => void | Promise<void>);
+}
 
-    /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
-     */
-    (
-        element: Array<CElement<any, Component<any, ComponentState>>>,
-        container: Container | null,
-        callback?: () => void,
-    ): Component<any, ComponentState>;
+export type FormStatus = FormStatusPending | FormStatusNotPending;
+
+export function useFormStatus(): FormStatus;
+
+export function useFormState<State>(
+    action: (state: Awaited<State>) => State | Promise<State>,
+    initialState: Awaited<State>,
+    permalink?: string,
+): [state: Awaited<State>, dispatch: () => void, isPending: boolean];
+export function useFormState<State, Payload>(
+    action: (state: Awaited<State>, payload: Payload) => State | Promise<State>,
+    initialState: Awaited<State>,
+    permalink?: string,
+): [state: Awaited<State>, dispatch: (payload: Payload) => void, isPending: boolean];
+
+export function prefetchDNS(href: string): void;
+
+export interface PreconnectOptions {
+    // Don't create a helper type.
+    // It would have to be in module scope to be inlined in TS tooltips.
+    // But then it becomes part of the public API.
+    // TODO: Upstream to microsoft/TypeScript-DOM-lib-generator -> w3c/webref
+    // since the spec has a notion of a dedicated type: https://html.spec.whatwg.org/multipage/urls-and-fetching.html#cors-settings-attribute
+    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
+}
+export function preconnect(href: string, options?: PreconnectOptions): void;
+
+export type PreloadAs =
+    | "audio"
+    | "document"
+    | "embed"
+    | "fetch"
+    | "font"
+    | "image"
+    | "object"
+    | "track"
+    | "script"
+    | "style"
+    | "video"
+    | "worker";
+export interface PreloadOptions {
+    as: PreloadAs;
+    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
+    fetchPriority?: "high" | "low" | "auto" | undefined;
+    // TODO: These should only be allowed with `as: 'image'` but it's not trivial to write tests against the full TS support matrix.
+    imageSizes?: string | undefined;
+    imageSrcSet?: string | undefined;
+    integrity?: string | undefined;
+    type?: string | undefined;
+    nonce?: string | undefined;
+    referrerPolicy?: ReferrerPolicy | undefined;
+    media?: string | undefined;
+}
+export function preload(href: string, options?: PreloadOptions): void;
 
+// https://html.spec.whatwg.org/multipage/links.html#link-type-modulepreload
+export type PreloadModuleAs = RequestDestination;
+export interface PreloadModuleOptions {
     /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
+     * @default "script"
      */
-    <P>(
-        element: ReactElement<P>,
-        container: Container | null,
-        callback?: () => void,
-        // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-    ): Component<P, ComponentState> | Element | void;
+    as: PreloadModuleAs;
+    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
+    integrity?: string | undefined;
+    nonce?: string | undefined;
+}
+export function preloadModule(href: string, options?: PreloadModuleOptions): void;
+
+export type PreinitAs = "script" | "style";
+export interface PreinitOptions {
+    as: PreinitAs;
+    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
+    fetchPriority?: "high" | "low" | "auto" | undefined;
+    precedence?: string | undefined;
+    integrity?: string | undefined;
+    nonce?: string | undefined;
+}
+export function preinit(href: string, options?: PreinitOptions): void;
 
+// Will be expanded to include all of https://github.com/tc39/proposal-import-attributes
+export type PreinitModuleAs = "script";
+export interface PreinitModuleOptions {
     /**
-     * @deprecated See https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
+     * @default "script"
      */
-    (
-        element: ReactElement[],
-        container: Container | null,
-        callback?: () => void,
-        // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-    ): Component<any, ComponentState> | Element | void;
+    as?: PreinitModuleAs;
+    crossOrigin?: "anonymous" | "use-credentials" | "" | undefined;
+    integrity?: string | undefined;
+    nonce?: string | undefined;
 }
+export function preinitModule(href: string, options?: PreinitModuleOptions): void;
+
+export function requestFormReset(form: HTMLFormElement): void;

react-dom/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/react-dom",
-    "version": "18.3.0",
+    "version": "19.1.7",
     "description": "TypeScript definitions for react-dom",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom",
     "license": "MIT",
@@ -61,6 +61,46 @@
                 "default": "./server.d.ts"
             }
         },
+        "./server.browser": {
+            "types": {
+                "default": "./server.browser.d.ts"
+            }
+        },
+        "./server.bun": {
+            "types": {
+                "default": "./server.bun.d.ts"
+            }
+        },
+        "./server.edge": {
+            "types": {
+                "default": "./server.edge.d.ts"
+            }
+        },
+        "./server.node": {
+            "types": {
+                "default": "./server.node.d.ts"
+            }
+        },
+        "./static": {
+            "types": {
+                "default": "./static.d.ts"
+            }
+        },
+        "./static.browser": {
+            "types": {
+                "default": "./static.browser.d.ts"
+            }
+        },
+        "./static.edge": {
+            "types": {
+                "default": "./static.edge.d.ts"
+            }
+        },
+        "./static.node": {
+            "types": {
+                "default": "./static.node.d.ts"
+            }
+        },
         "./experimental": {
             "types": {
                 "default": "./experimental.d.ts"
@@ -79,9 +119,10 @@
         "directory": "types/react-dom"
     },
     "scripts": {},
-    "dependencies": {
-        "@types/react": "*"
+    "dependencies": {},
+    "peerDependencies": {
+        "@types/react": "^19.0.0"
     },
-    "typesPublisherContentHash": "6e701783391e040466f55ff67d4efe35c3cbc5868b0a0937f1dfb8f63fce36fc",
-    "typeScriptVersion": "4.7"
+    "typesPublisherContentHash": "75cb554bdc8192cf72b61d4f3e8a05c51ba6df48b5fdb7154edfa345830d060b",
+    "typeScriptVersion": "5.1"
 }

react-dom/server.browser.d.ts

@@ -0,0 +1 @@
+export { renderToReadableStream, renderToStaticMarkup, renderToString } from "./server";

react-dom/server.bun.d.ts

@@ -0,0 +1 @@
+export { renderToReadableStream, renderToStaticMarkup, renderToString } from "./server";

react-dom/server.d.ts

@@ -24,13 +24,19 @@ declare global {
 import { ReactNode } from "react";
 import { ErrorInfo } from "./client";
 
+export type BootstrapScriptDescriptor = {
+    src: string;
+    integrity?: string | undefined;
+    crossOrigin?: string | undefined;
+};
+
 export interface RenderToPipeableStreamOptions {
     identifierPrefix?: string;
     namespaceURI?: string;
     nonce?: string;
     bootstrapScriptContent?: string;
-    bootstrapScripts?: string[];
-    bootstrapModules?: string[];
+    bootstrapScripts?: Array<string | BootstrapScriptDescriptor>;
+    bootstrapModules?: Array<string | BootstrapScriptDescriptor>;
     progressiveChunkSize?: number;
     onShellReady?: () => void;
     onShellError?: (error: unknown) => void;
@@ -69,15 +75,6 @@ export function renderToPipeableStream(children: ReactNode, options?: RenderToPi
  */
 export function renderToString(element: ReactNode, options?: ServerOptions): string;
 
-/**
- * Render a React element to its initial HTML. Returns a Readable stream that outputs
- * an HTML string. The HTML output by this stream is exactly equal to what
- * `ReactDOMServer.renderToString()` would return.
- *
- * @deprecated
- */
-export function renderToNodeStream(element: ReactNode, options?: ServerOptions): NodeJS.ReadableStream;
-
 /**
  * Similar to `renderToString`, except this doesn't create extra DOM attributes
  * such as `data-reactid`, that React uses internally. This is useful if you want
@@ -86,22 +83,13 @@ export function renderToNodeStream(element: ReactNode, options?: ServerOptions):
  */
 export function renderToStaticMarkup(element: ReactNode, options?: ServerOptions): string;
 
-/**
- * Similar to `renderToNodeStream`, except this doesn't create extra DOM attributes
- * such as `data-reactid`, that React uses internally. The HTML output by this stream
- * is exactly equal to what `ReactDOMServer.renderToStaticMarkup()` would return.
- *
- * @deprecated
- */
-export function renderToStaticNodeStream(element: ReactNode, options?: ServerOptions): NodeJS.ReadableStream;
-
 export interface RenderToReadableStreamOptions {
     identifierPrefix?: string;
     namespaceURI?: string;
     nonce?: string;
     bootstrapScriptContent?: string;
-    bootstrapScripts?: string[];
-    bootstrapModules?: string[];
+    bootstrapScripts?: Array<string | BootstrapScriptDescriptor>;
+    bootstrapModules?: Array<string | BootstrapScriptDescriptor>;
     progressiveChunkSize?: number;
     signal?: AbortSignal;
     onError?: (error: unknown, errorInfo: ErrorInfo) => string | void;

react-dom/server.edge.d.ts

@@ -0,0 +1 @@
+export { renderToReadableStream, renderToStaticMarkup, renderToString } from "./server";

react-dom/server.node.d.ts

@@ -0,0 +1 @@
+export { renderToPipeableStream, renderToStaticMarkup, renderToString } from "./server";

react-dom/static.browser.d.ts

@@ -0,0 +1 @@
+export { prerender, version } from "./static";

react-dom/static.d.ts

@@ -0,0 +1,78 @@
+// forward declarations
+declare global {
+    namespace NodeJS {
+        // eslint-disable-next-line @typescript-eslint/no-empty-interface
+        interface ReadableStream {}
+    }
+
+    /**
+     * Stub for https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal
+     */
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface AbortSignal {}
+
+    /**
+     * Stub for https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream
+     */
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface ReadableStream<R = any> {}
+
+    /**
+     * Stub for https://developer.mozilla.org/en-US/docs/Web/API/Uint8Array
+     */
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface Uint8Array {}
+}
+
+import { ReactNode } from "react";
+import { ErrorInfo } from "./client";
+
+export type BootstrapScriptDescriptor = {
+    src: string;
+    integrity?: string | undefined;
+    crossOrigin?: string | undefined;
+};
+
+export interface PrerenderOptions {
+    bootstrapScriptContent?: string;
+    bootstrapScripts?: Array<string | BootstrapScriptDescriptor>;
+    bootstrapModules?: Array<string | BootstrapScriptDescriptor>;
+    identifierPrefix?: string;
+    namespaceURI?: string;
+    onError?: (error: unknown, errorInfo: ErrorInfo) => string | void;
+    progressiveChunkSize?: number;
+    signal?: AbortSignal;
+}
+
+export interface PrerenderResult {
+    prelude: ReadableStream<Uint8Array>;
+}
+
+/**
+ * Only available in the environments with [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API) (this includes browsers, Deno, and some modern edge runtimes).
+ *
+ * @see [API](https://react.dev/reference/react-dom/static/prerender)
+ */
+export function prerender(
+    reactNode: ReactNode,
+    options?: PrerenderOptions,
+): Promise<PrerenderResult>;
+
+export interface PrerenderToNodeStreamResult {
+    prelude: NodeJS.ReadableStream;
+}
+
+/**
+ * Only available in the environments with [Node.js Streams](https://nodejs.dev/learn/nodejs-streams).
+ *
+ * @see [API](https://react.dev/reference/react-dom/static/prerenderToNodeStream)
+ *
+ * @param children
+ * @param options
+ */
+export function prerenderToNodeStream(
+    reactNode: ReactNode,
+    options?: PrerenderOptions,
+): Promise<PrerenderToNodeStreamResult>;
+
+export const version: string;

react-dom/static.edge.d.ts

@@ -0,0 +1 @@
+export { prerender, version } from "./static";

react-dom/static.node.d.ts

@@ -0,0 +1 @@
+export { prerenderToNodeStream, version } from "./static";

react-dom/test-utils/index.d.ts

@@ -1,402 +1,7 @@
-import {
-    AbstractView,
-    CElement,
-    ClassType,
-    Component,
-    ComponentClass,
-    DOMAttributes,
-    DOMElement,
-    FC,
-    FunctionComponentElement,
-    ReactElement,
-    ReactHTMLElement,
-    ReactInstance,
-} from "react";
-
-import * as ReactTestUtils from ".";
-
 export {};
 
-export interface OptionalEventProperties {
-    bubbles?: boolean | undefined;
-    cancelable?: boolean | undefined;
-    currentTarget?: EventTarget | undefined;
-    defaultPrevented?: boolean | undefined;
-    eventPhase?: number | undefined;
-    isTrusted?: boolean | undefined;
-    nativeEvent?: Event | undefined;
-    preventDefault?(): void;
-    stopPropagation?(): void;
-    target?: EventTarget | undefined;
-    timeStamp?: Date | undefined;
-    type?: string | undefined;
-}
-
-export type ModifierKey =
-    | "Alt"
-    | "AltGraph"
-    | "CapsLock"
-    | "Control"
-    | "Fn"
-    | "FnLock"
-    | "Hyper"
-    | "Meta"
-    | "NumLock"
-    | "ScrollLock"
-    | "Shift"
-    | "Super"
-    | "Symbol"
-    | "SymbolLock";
-
-export interface SyntheticEventData extends OptionalEventProperties {
-    altKey?: boolean | undefined;
-    button?: number | undefined;
-    buttons?: number | undefined;
-    clientX?: number | undefined;
-    clientY?: number | undefined;
-    changedTouches?: TouchList | undefined;
-    charCode?: number | undefined;
-    clipboardData?: DataTransfer | undefined;
-    ctrlKey?: boolean | undefined;
-    deltaMode?: number | undefined;
-    deltaX?: number | undefined;
-    deltaY?: number | undefined;
-    deltaZ?: number | undefined;
-    detail?: number | undefined;
-    getModifierState?(key: ModifierKey): boolean;
-    key?: string | undefined;
-    keyCode?: number | undefined;
-    locale?: string | undefined;
-    location?: number | undefined;
-    metaKey?: boolean | undefined;
-    pageX?: number | undefined;
-    pageY?: number | undefined;
-    relatedTarget?: EventTarget | undefined;
-    repeat?: boolean | undefined;
-    screenX?: number | undefined;
-    screenY?: number | undefined;
-    shiftKey?: boolean | undefined;
-    targetTouches?: TouchList | undefined;
-    touches?: TouchList | undefined;
-    view?: AbstractView | undefined;
-    which?: number | undefined;
-}
-
-export type EventSimulator = (element: Element | Component<any>, eventData?: SyntheticEventData) => void;
-
-export interface MockedComponentClass {
-    new(props: any): any;
-}
-
-export interface ShallowRenderer {
-    /**
-     * After `shallowRenderer.render()` has been called, returns shallowly rendered output.
-     */
-    getRenderOutput<E extends ReactElement>(): E;
+export {
     /**
-     * Similar to `ReactDOM.render` but it doesn't require DOM and only renders a single level deep.
-     */
-    render(element: ReactElement, context?: any): void;
-    unmount(): void;
-}
-
-/**
- * Simulate an event dispatch on a DOM node with optional `eventData` event data.
- * `Simulate` has a method for every event that React understands.
- */
-export namespace Simulate {
-    const abort: EventSimulator;
-    const animationEnd: EventSimulator;
-    const animationIteration: EventSimulator;
-    const animationStart: EventSimulator;
-    const blur: EventSimulator;
-    const cancel: EventSimulator;
-    const canPlay: EventSimulator;
-    const canPlayThrough: EventSimulator;
-    const change: EventSimulator;
-    const click: EventSimulator;
-    const close: EventSimulator;
-    const compositionEnd: EventSimulator;
-    const compositionStart: EventSimulator;
-    const compositionUpdate: EventSimulator;
-    const contextMenu: EventSimulator;
-    const copy: EventSimulator;
-    const cut: EventSimulator;
-    const auxClick: EventSimulator;
-    const doubleClick: EventSimulator;
-    const drag: EventSimulator;
-    const dragEnd: EventSimulator;
-    const dragEnter: EventSimulator;
-    const dragExit: EventSimulator;
-    const dragLeave: EventSimulator;
-    const dragOver: EventSimulator;
-    const dragStart: EventSimulator;
-    const drop: EventSimulator;
-    const durationChange: EventSimulator;
-    const emptied: EventSimulator;
-    const encrypted: EventSimulator;
-    const ended: EventSimulator;
-    const error: EventSimulator;
-    const focus: EventSimulator;
-    const input: EventSimulator;
-    const invalid: EventSimulator;
-    const keyDown: EventSimulator;
-    const keyPress: EventSimulator;
-    const keyUp: EventSimulator;
-    const load: EventSimulator;
-    const loadStart: EventSimulator;
-    const loadedData: EventSimulator;
-    const loadedMetadata: EventSimulator;
-    const mouseDown: EventSimulator;
-    const mouseEnter: EventSimulator;
-    const mouseLeave: EventSimulator;
-    const mouseMove: EventSimulator;
-    const mouseOut: EventSimulator;
-    const mouseOver: EventSimulator;
-    const mouseUp: EventSimulator;
-    const paste: EventSimulator;
-    const pause: EventSimulator;
-    const play: EventSimulator;
-    const playing: EventSimulator;
-    const progress: EventSimulator;
-    const pointerCancel: EventSimulator;
-    const pointerDown: EventSimulator;
-    const pointerUp: EventSimulator;
-    const pointerMove: EventSimulator;
-    const pointerOut: EventSimulator;
-    const pointerOver: EventSimulator;
-    const pointerEnter: EventSimulator;
-    const pointerLeave: EventSimulator;
-    const gotPointerCapture: EventSimulator;
-    const lostPointerCapture: EventSimulator;
-    const rateChange: EventSimulator;
-    const reset: EventSimulator;
-    const resize: EventSimulator;
-    const scroll: EventSimulator;
-    const toggle: EventSimulator;
-    const seeked: EventSimulator;
-    const seeking: EventSimulator;
-    const select: EventSimulator;
-    const beforeInput: EventSimulator;
-    const stalled: EventSimulator;
-    const submit: EventSimulator;
-    const suspend: EventSimulator;
-    const timeUpdate: EventSimulator;
-    const touchCancel: EventSimulator;
-    const touchEnd: EventSimulator;
-    const touchMove: EventSimulator;
-    const touchStart: EventSimulator;
-    const transitionEnd: EventSimulator;
-    const volumeChange: EventSimulator;
-    const waiting: EventSimulator;
-    const wheel: EventSimulator;
-}
-
-/**
- * Render a React element into a detached DOM node in the document. __This function requires a DOM__.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function renderIntoDocument<T extends Element>(
-    element: DOMElement<any, T>,
-): T;
-/** @deprecated https://react.dev/warnings/react-dom-test-utils */
-export function renderIntoDocument(
-    element: FunctionComponentElement<any>,
-): void;
-// If we replace `P` with `any` in this overload, then some tests fail because
-// calls to `renderIntoDocument` choose the last overload on the
-// subtype-relation pass and get an undesirably broad return type.  Using `P`
-// allows this overload to match on the subtype-relation pass.
-/**
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function renderIntoDocument<P, T extends Component<P>>(
-    element: CElement<P, T>,
-): T;
-/**
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function renderIntoDocument<P>(
-    element: ReactElement<P>,
-): Component<P> | Element | void;
-
-/**
- * Pass a mocked component module to this method to augment it with useful methods that allow it to
- * be used as a dummy React component. Instead of rendering as usual, the component will become
- * a simple `<div>` (or other tag if `mockTagName` is provided) containing any provided children.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function mockComponent(
-    mocked: MockedComponentClass,
-    mockTagName?: string,
-): typeof ReactTestUtils;
-
-/**
- * Returns `true` if `element` is any React element.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isElement(element: any): boolean;
-
-/**
- * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isElementOfType<T extends HTMLElement>(
-    element: ReactElement,
-    type: string,
-): element is ReactHTMLElement<T>;
-/**
- * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isElementOfType<P extends DOMAttributes<{}>, T extends Element>(
-    element: ReactElement,
-    type: string,
-): element is DOMElement<P, T>;
-/**
- * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isElementOfType<P>(
-    element: ReactElement,
-    type: FC<P>,
-): element is FunctionComponentElement<P>;
-/**
- * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isElementOfType<P, T extends Component<P>, C extends ComponentClass<P>>(
-    element: ReactElement,
-    type: ClassType<P, T, C>,
-): element is CElement<P, T>;
-
-/**
- * Returns `true` if `instance` is a DOM component (such as a `<div>` or `<span>`).
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isDOMComponent(instance: ReactInstance): instance is Element;
-/**
- * Returns `true` if `instance` is a user-defined component, such as a class or a function.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isCompositeComponent(instance: ReactInstance): instance is Component<any>;
-/**
- * Returns `true` if `instance` is a component whose type is of a React `componentClass`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function isCompositeComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
-    instance: ReactInstance,
-    type: ClassType<any, T, C>,
-): boolean;
-
-/**
- * Traverse all components in `tree` and accumulate all components where
- * `test(component)` is `true`. This is not that useful on its own, but it's used
- * as a primitive for other test utils.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function findAllInRenderedTree(
-    root: Component<any>,
-    fn: (i: ReactInstance) => boolean,
-): ReactInstance[];
-
-/**
- * Finds all DOM elements of components in the rendered tree that are
- * DOM components with the class name matching `className`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function scryRenderedDOMComponentsWithClass(
-    root: Component<any>,
-    className: string,
-): Element[];
-/**
- * Like `scryRenderedDOMComponentsWithClass()` but expects there to be one result,
- * and returns that one result, or throws exception if there is any other
- * number of matches besides one.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function findRenderedDOMComponentWithClass(
-    root: Component<any>,
-    className: string,
-): Element;
-
-/**
- * Finds all DOM elements of components in the rendered tree that are
- * DOM components with the tag name matching `tagName`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function scryRenderedDOMComponentsWithTag(
-    root: Component<any>,
-    tagName: string,
-): Element[];
-/**
- * Like `scryRenderedDOMComponentsWithTag()` but expects there to be one result,
- * and returns that one result, or throws exception if there is any other
- * number of matches besides one.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function findRenderedDOMComponentWithTag(
-    root: Component<any>,
-    tagName: string,
-): Element;
-
-/**
- * Finds all instances of components with type equal to `componentClass`.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function scryRenderedComponentsWithType<T extends Component<any>, C extends ComponentClass<any>>(
-    root: Component<any>,
-    type: ClassType<any, T, C>,
-): T[];
-
-/**
- * Same as `scryRenderedComponentsWithType()` but expects there to be one result
- * and returns that one result, or throws exception if there is any other
- * number of matches besides one.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function findRenderedComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
-    root: Component<any>,
-    type: ClassType<any, T, C>,
-): T;
-
-/**
- * Call this in your tests to create a shallow renderer.
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function createRenderer(): ShallowRenderer;
-
-// NOTES
-// - the order of these signatures matters - typescript will check the signatures in source order.
-//   If the `() => VoidOrUndefinedOnly` signature is first, it'll erroneously match a Promise returning function for users with
-//   `strictNullChecks: false`.
-// - VoidOrUndefinedOnly is there to forbid any non-void return values for users with `strictNullChecks: true`
-declare const UNDEFINED_VOID_ONLY: unique symbol;
-// eslint-disable-next-line @typescript-eslint/no-invalid-void-type
-type VoidOrUndefinedOnly = void | { [UNDEFINED_VOID_ONLY]: never };
-/**
- * Wrap any code rendering and triggering updates to your components into `act()` calls.
- *
- * Ensures that the behavior in your tests matches what happens in the browser
- * more closely by executing pending `useEffect`s before returning. This also
- * reduces the amount of re-renders done.
- *
- * @param callback A synchronous, void callback that will execute as a single, complete React commit.
- *
- * @see https://reactjs.org/blog/2019/02/06/react-v16.8.0.html#testing-hooks
- *
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-// While act does always return Thenable, if a void function is passed, we pretend the return value is also void to not trigger dangling Promise lint rules.
-export function act(callback: () => VoidOrUndefinedOnly): void;
-/**
- * @deprecated https://react.dev/warnings/react-dom-test-utils
- */
-export function act<T>(callback: () => T | Promise<T>): Promise<T>;
-
-// Intentionally doesn't extend PromiseLike<never>.
-// Ideally this should be as hard to accidentally use as possible.
-export interface DebugPromiseLike {
-    // the actual then() in here is 0-ary, but that doesn't count as a PromiseLike.
-    then(onfulfilled: (value: never) => never, onrejected: (reason: never) => never): never;
-}
+     * @deprecated Import `act` from `react` instead.
+     */ act,
+} from "react";