types

@types/react-dom

 * These are types for things that are present in the upcoming React 18 release.

 * Once React 18 is released they can just be moved to the main index file.

 * To load the types declared here in an actual project, there are three ways. The easiest one,

 * if your `tsconfig.json` already has a `"types"` array in the `"compilerOptions"` section,

 * is to add `"react-dom/canary"` to the `"types"` array.

 * Alternatively, a specific import syntax can to be used from a typescript file.

 * This module does not exist in reality, which is why the {} is important:

 * It is also possible to include it through a triple-slash reference:

 * /// <reference types="react-dom/canary" />

 * Either the import or the reference only needs to appear once, anywhere in the project.

// See https://github.com/facebook/react/blob/main/packages/react-dom/index.js to see how the exports are declared,

// but confirm with published source code (e.g. https://unpkg.com/react-dom@canary) that these exports end up in the published code

declare const REACT_FORM_STATE_SIGIL: unique symbol;

    function prefetchDNS(href: string): void;

        // 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;

        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.

        imageSrcSet?: 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;

    function preloadModule(href: string, options?: PreloadModuleOptions): void;

    function preinit(href: string, options?: PreinitOptions): void;

    // Will be expanded to include all of https://github.com/tc39/proposal-import-attributes

    function preinitModule(href: string, options?: PreinitModuleOptions): void;

        action: string | ((formData: FormData) => void | Promise<void>);

    type FormStatus = FormStatusPending | FormStatusNotPending;

    function useFormStatus(): FormStatus;

        action: (state: Awaited<State>) => State | Promise<State>,

    ): [state: Awaited<State>, dispatch: () => void];

    function useFormState<State, Payload>(

        action: (state: Awaited<State>, payload: Payload) => State | Promise<State>,

    ): [state: Awaited<State>, dispatch: (payload: Payload) => void];

        formState?: ReactFormState | null;

    interface DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_CREATE_ROOT_CONTAINERS {

    "description": "TypeScript definitions for react-dom",

    "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom",

            "url": "http://www.assuresign.com"

            "url": "https://microsoft.com"

            "githubUsername": "MartynasZilinskas",

            "url": "https://github.com/MartynasZilinskas"

            "githubUsername": "theruther4d",

            "url": "https://github.com/theruther4d"

            "githubUsername": "Jessidhia",

            "url": "https://github.com/Jessidhia"

            "name": "Sebastian Silbermann",

            "url": "https://github.com/eps1lon"

                "default": "./index.d.ts"

                "default": "./client.d.ts"

                "default": "./canary.d.ts"

                "default": "./server.d.ts"

                "default": "./experimental.d.ts"

                "default": "./test-utils/index.d.ts"

        "./package.json": "./package.json"

        "url": "https://github.com/DefinitelyTyped/DefinitelyTyped.git",

    "typesPublisherContentHash": "08327b45a49b0b28046f6e52cc78ca4e14e9ad53e318f407cc7e7ebf5783838e",

    "typesPublisherContentHash": "1389240f3f0e88050c5094fa7affd8147161d7ff40fe1922ec74bc416fa24df0",

This package contains type definitions for react-dom (https://reactjs.org).

Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom.

 * Last updated: Tue, 05 Mar 2024 16:36:00 GMT

 * Last updated: Wed, 06 Mar 2024 22:35:40 GMT

 * Dependencies: [@types/react](https://npmjs.com/package/@types/react)

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).

		@@ -70,2 +70,3 @@ /**
		integrity?: string \| undefined;
		type?: string \| undefined;
		nonce?: string \| undefined;
		@@ -72,0 +73,0 @@ referrerPolicy?: ReferrerPolicy \| undefined;

		{
		"name": "@types/react-dom",
		"version": "18.2.20",
		"version": "18.2.21",
		"description": "TypeScript definitions for react-dom",
		@@ -85,4 +85,4 @@ "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom",
		},
		"typesPublisherContentHash": "08327b45a49b0b28046f6e52cc78ca4e14e9ad53e318f407cc7e7ebf5783838e",
		"typesPublisherContentHash": "1389240f3f0e88050c5094fa7affd8147161d7ff40fe1922ec74bc416fa24df0",
		"typeScriptVersion": "4.6"
		}

Improved metrics

Worsened metrics

		@@ -11,3 +11,3 @@ # Installation
		### Additional Details
		* Last updated: Tue, 05 Mar 2024 16:36:00 GMT
		* Last updated: Wed, 06 Mar 2024 22:35:40 GMT
		* Dependencies: [@types/react](https://npmjs.com/package/@types/react)
		@@ -14,0 +14,0 @@