update

Author: MrWangJustToDo

chrome/public/bundle/hook.js

@@ -1230,6 +1230,7 @@
     		            Dispatcher.useLayoutEffect(function () { });
     		            Dispatcher.useInsertionEffect(function () { });
     		            Dispatcher.useEffect(function () { });
+    		            Dispatcher.useOptimistic(null, function (s, a) { return s; });
     		            Dispatcher.useImperativeHandle(undefined, function () { return null; });
     		            Dispatcher.useDebugValue(null, function () { });
     		            Dispatcher.useCallback(function () { });
@@ -1560,7 +1561,7 @@
     		    if (hook && hook.type !== reactShared.HOOK_TYPE.useTransition) {
     		        throw new Error("Invalid hook type, look like a bug for @my-react/devtools");
     		    }
-    		    var isPending = hook ? hook.result[0] : false;
+    		    var isPending = hook ? (Array.isArray(hook.result) ? hook.result[0] : hook.result.value) : false;
     		    hookLog.push({
     		        displayName: null,
     		        primitive: "Transition",
@@ -1615,6 +1616,24 @@
     		    });
     		    return [value, function () { }];
     		}
+    		function useOptimistic(passthrough, reducer) {
+    		    var _a;
+    		    var hook = nextHook();
+    		    // TODO update
+    		    // @ts-ignore
+    		    if (hook && hook.type !== 16) {
+    		        throw new Error("Invalid hook type, look like a bug for @my-react/devtools");
+    		    }
+    		    var state = hook ? (_a = hook.result) === null || _a === void 0 ? void 0 : _a.value : passthrough;
+    		    hookLog.push({
+    		        displayName: null,
+    		        primitive: "Optimistic",
+    		        stackError: new Error(),
+    		        value: state,
+    		        dispatcherHookName: "Optimistic",
+    		    });
+    		    return [state, function (action) { }];
+    		}
     		var Dispatcher = {
     		    readContext: readContext,
     		    use: use,
@@ -1634,6 +1653,7 @@
     		    useSyncExternalStore: useSyncExternalStore,
     		    useId: useId,
     		    useSignal: useSignal,
+    		    useOptimistic: useOptimistic,
     		};
     		// create a proxy to throw a custom error
     		// in case future versions of React adds more hooks

chrome/public/bundle/proxy.js

@@ -1130,6 +1130,7 @@
     		            Dispatcher.useLayoutEffect(function () { });
     		            Dispatcher.useInsertionEffect(function () { });
     		            Dispatcher.useEffect(function () { });
+    		            Dispatcher.useOptimistic(null, function (s, a) { return s; });
     		            Dispatcher.useImperativeHandle(undefined, function () { return null; });
     		            Dispatcher.useDebugValue(null, function () { });
     		            Dispatcher.useCallback(function () { });
@@ -1460,7 +1461,7 @@
     		    if (hook && hook.type !== reactShared.HOOK_TYPE.useTransition) {
     		        throw new Error("Invalid hook type, look like a bug for @my-react/devtools");
     		    }
-    		    var isPending = hook ? hook.result[0] : false;
+    		    var isPending = hook ? (Array.isArray(hook.result) ? hook.result[0] : hook.result.value) : false;
     		    hookLog.push({
     		        displayName: null,
     		        primitive: "Transition",
@@ -1515,6 +1516,24 @@
     		    });
     		    return [value, function () { }];
     		}
+    		function useOptimistic(passthrough, reducer) {
+    		    var _a;
+    		    var hook = nextHook();
+    		    // TODO update
+    		    // @ts-ignore
+    		    if (hook && hook.type !== 16) {
+    		        throw new Error("Invalid hook type, look like a bug for @my-react/devtools");
+    		    }
+    		    var state = hook ? (_a = hook.result) === null || _a === void 0 ? void 0 : _a.value : passthrough;
+    		    hookLog.push({
+    		        displayName: null,
+    		        primitive: "Optimistic",
+    		        stackError: new Error(),
+    		        value: state,
+    		        dispatcherHookName: "Optimistic",
+    		    });
+    		    return [state, function (action) { }];
+    		}
     		var Dispatcher = {
     		    readContext: readContext,
     		    use: use,
@@ -1534,6 +1553,7 @@
     		    useSyncExternalStore: useSyncExternalStore,
     		    useId: useId,
     		    useSignal: useSignal,
+    		    useOptimistic: useOptimistic,
     		};
     		// create a proxy to throw a custom error
     		// in case future versions of React adds more hooks

packages/core/src/hook.ts

@@ -43,6 +43,7 @@ function getPrimitiveStackCache(): Map<string, Array<any>> {
       Dispatcher.useLayoutEffect(() => {});
       Dispatcher.useInsertionEffect(() => {});
       Dispatcher.useEffect(() => {});
+      Dispatcher.useOptimistic(null, (s: any, a: any) => s);
       Dispatcher.useImperativeHandle(undefined, () => null);
       Dispatcher.useDebugValue(null, () => {});
       Dispatcher.useCallback(() => {});
@@ -444,7 +445,7 @@ function useTransition(): [boolean, (callback: () => void, options?: any) => voi
     throw new Error("Invalid hook type, look like a bug for @my-react/devtools");
   }
 
-  const isPending = hook ? hook.result[0] : false;
+  const isPending = hook ? (Array.isArray(hook.result) ? hook.result[0] : hook.result.value) : false;
 
   hookLog.push({
     displayName: null,
@@ -517,6 +518,27 @@ function useSignal<T>(initial: T | (() => T)) {
   return [value, () => {}];
 }
 
+function useOptimistic<S, A>(passthrough: S, reducer?: (S, A) => S): [S, (A) => void] {
+  const hook = nextHook();
+
+  // TODO update
+  // @ts-ignore
+  if (hook && hook.type !== 16) {
+    throw new Error("Invalid hook type, look like a bug for @my-react/devtools");
+  }
+
+  const state = hook ? hook.result?.value : passthrough;
+
+  hookLog.push({
+    displayName: null,
+    primitive: "Optimistic",
+    stackError: new Error(),
+    value: state,
+    dispatcherHookName: "Optimistic",
+  });
+  return [state, (action: A) => {}];
+}
+
 const Dispatcher = {
   readContext,
 
@@ -537,6 +559,7 @@ const Dispatcher = {
   useSyncExternalStore,
   useId,
   useSignal,
+  useOptimistic,
 };
 
 export type DispatcherType = typeof Dispatcher & { proxy: typeof Dispatcher | null };