@types/react-dom 17.0.7 → 17.0.11

react-dom/README.md

@@ -8,7 +8,7 @@ This package contains type definitions for React (react-dom) (https://reactjs.or
 Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom.
 
 ### Additional Details
- * Last updated: Wed, 09 Jun 2021 05:01:25 GMT
+ * Last updated: Wed, 03 Nov 2021 07:01:20 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
  * Global values: `ReactDOM`, `ReactDOMNodeStream`, `ReactDOMServer`
 

react-dom/index.d.ts

@@ -22,7 +22,7 @@ export as namespace ReactDOM;
 
 import {
     ReactInstance, Component, ComponentState,
-    ReactElement, SFCElement, CElement,
+    ReactElement, FunctionComponentElement, CElement,
     DOMAttributes, DOMElement, ReactNode, ReactPortal
 } from 'react';
 
@@ -77,7 +77,7 @@ export interface Renderer {
     ): Element;
 
     (
-        element: SFCElement<any> | Array<SFCElement<any>>,
+        element: FunctionComponentElement<any> | Array<FunctionComponentElement<any>>,
         container: Container| null,
         callback?: () => void
     ): void;

react-dom/next.d.ts

@@ -37,12 +37,18 @@ declare module '.' {
     }
 
     interface RootOptions {
-        hydrate?: boolean;
-        hydrationOptions?: HydrationOptions;
+        /**
+         * @deprecated Use `hydrateRoot(container)` instead
+         */
+        hydrate?: boolean | undefined;
+        /**
+         * @deprecated Use `hydrateRoot(container, hydrateOptions)` instead
+         */
+        hydrationOptions?: HydrationOptions | undefined;
     }
 
     interface Root {
-        render(children: React.ReactChild | React.ReactNodeArray): void;
+        render(children: React.ReactChild | Iterable<React.ReactNode>): void;
         unmount(): void;
     }
 
@@ -52,4 +58,10 @@ declare module '.' {
      * @see https://reactjs.org/docs/concurrent-mode-reference.html#createroot
      */
     function createRoot(container: Element | Document | DocumentFragment | Comment, options?: RootOptions): Root;
+
+    function hydrateRoot(
+        container: Element | Document | DocumentFragment | Comment,
+        initialChildren: React.ReactChild | Iterable<React.ReactNode>,
+        options?: HydrationOptions,
+    ): Root;
 }

react-dom/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/react-dom",
-    "version": "17.0.7",
+    "version": "17.0.11",
     "description": "TypeScript definitions for React (react-dom)",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom",
     "license": "MIT",
@@ -49,6 +49,6 @@
     "dependencies": {
         "@types/react": "*"
     },
-    "typesPublisherContentHash": "1126f0839213941257a0b52c984816f3a13ac5e179c8d76686f882d31c453fcf",
-    "typeScriptVersion": "3.6"
+    "typesPublisherContentHash": "c2047268b79bc6da2c7f1916f66a3a23657cdb47b42eada605c1ce645e863099",
+    "typeScriptVersion": "3.7"
 }

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

@@ -1,7 +1,7 @@
 import {
     AbstractView, Component, ComponentClass,
     ReactElement, ReactInstance, ClassType,
-    DOMElement, SFCElement, CElement,
+    DOMElement, FunctionComponentElement, CElement,
     ReactHTMLElement, DOMAttributes, SFC
 } from 'react';
 
@@ -10,52 +10,52 @@ import * as ReactTestUtils from ".";
 export {};
 
 export interface OptionalEventProperties {
-    bubbles?: boolean;
-    cancelable?: boolean;
-    currentTarget?: EventTarget;
-    defaultPrevented?: boolean;
-    eventPhase?: number;
-    isTrusted?: boolean;
-    nativeEvent?: Event;
+    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;
-    timeStamp?: Date;
-    type?: string;
+    target?: EventTarget | undefined;
+    timeStamp?: Date | undefined;
+    type?: string | undefined;
 }
 
 export interface SyntheticEventData extends OptionalEventProperties {
-    altKey?: boolean;
-    button?: number;
-    buttons?: number;
-    clientX?: number;
-    clientY?: number;
-    changedTouches?: TouchList;
-    charCode?: number;
-    clipboardData?: DataTransfer;
-    ctrlKey?: boolean;
-    deltaMode?: number;
-    deltaX?: number;
-    deltaY?: number;
-    deltaZ?: number;
-    detail?: number;
+    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: string): boolean;
-    key?: string;
-    keyCode?: number;
-    locale?: string;
-    location?: number;
-    metaKey?: boolean;
-    pageX?: number;
-    pageY?: number;
-    relatedTarget?: EventTarget;
-    repeat?: boolean;
-    screenX?: number;
-    screenY?: number;
-    shiftKey?: boolean;
-    targetTouches?: TouchList;
-    touches?: TouchList;
-    view?: AbstractView;
-    which?: number;
+    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;
@@ -157,7 +157,7 @@ export namespace Simulate {
 export function renderIntoDocument<T extends Element>(
     element: DOMElement<any, T>): T;
 export function renderIntoDocument(
-    element: SFCElement<any>): void;
+    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`
@@ -194,7 +194,7 @@ export function isElementOfType<P extends DOMAttributes<{}>, T extends Element>(
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */
 export function isElementOfType<P>(
-    element: ReactElement, type: SFC<P>): element is SFCElement<P>;
+    element: ReactElement, type: SFC<P>): element is FunctionComponentElement<P>;
 /**
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */