use DeepReadonly

splouk · splouk · commit 4665ec5e7744 · 2023-01-26T14:40:19.000-05:00
diff --git a/types/react/package.json b/types/react/package.json
@@ -1,7 +1,8 @@
 {
   "private": true,
   "dependencies": {
-    "csstype": "^3.0.2"
+    "csstype": "^3.0.2",
+    "utility-types": "^3.10.0"
   },
   "exports": {
     ".": {
diff --git a/types/react/v17/index.d.ts b/types/react/v17/index.d.ts
@@ -34,6 +34,7 @@
 import * as CSS from 'csstype';
 import * as PropTypes from 'prop-types';
 import { Interaction as SchedulerInteraction } from 'scheduler/tracing';
+import { DeepReadonly } from "utility-types";
 
 type NativeAnimationEvent = AnimationEvent;
 type NativeClipboardEvent = ClipboardEvent;
@@ -918,15 +919,15 @@ declare namespace React {
      * @version 16.8.0
      * @see https://reactjs.org/docs/hooks-reference.html#usestate
      */
-    function useState<S>(initialState: S | (() => S)): [Readonly<S>, Dispatch<SetStateAction<S>>];
+    function useState<S>(initialState: S | (() => S)): [DeepReadonly<S>, Dispatch<SetStateAction<S>>];
     // convenience overload when first argument is omitted
     /**
      * Returns a stateful value, and a function to update it.
      *
      * @version 16.8.0
      * @see https://reactjs.org/docs/hooks-reference.html#usestate
      */
-    function useState<S = undefined>(): [Readonly<S> | undefined, Dispatch<SetStateAction<S | undefined>>];
+    function useState<S = undefined>(): [DeepReadonly<S> | undefined, Dispatch<SetStateAction<S | undefined>>];
     /**
      * An alternative to `useState`.
      *
