feat(react): 4 new hooks!

src/react/hooks.ts

@@ -208,6 +208,32 @@ export const useId = () => {
   return useState(crypto.randomUUID())[0];
 };
 
+// useDebugValue
+export const useDebugValue = (value: any) => {
+  console.log(value);
+};
+
+// useDeferredValue
+export const useDeferredValue = (value: any) => {
+  return value;
+};
+
+export const useSyncExternalStore = (subscribe, getSnapshot) => {
+  const state = useState(getSnapshot());
+  useEffect(() => {
+    subscribe(state);
+  });
+  subscribe(state);
+  return state;
+};
+
+export const useImperativeHandle = (ref, create) => {
+  if (ref?.current) {
+    const object = create();
+    ref.current = { ...ref.current, ...object };
+  }
+};
+
 function different(value, i) {
   return value !== this[i];
 }

src/react/react.ts

@@ -7,13 +7,17 @@ import {
   hook,
   useCallback,
   useContext,
+  useDebugValue,
+  useDeferredValue,
   useEffect,
   useId,
+  useImperativeHandle,
   useLayoutEffect,
   useMemo,
   useReducer,
   useRef,
   useState,
+  useSyncExternalStore,
   useTransition,
 } from './hooks';
 
@@ -200,20 +204,20 @@ export {
   useId,
   useCallback,
   useContext,
-  // useDebugValue,
-  // useDeferredValue,
-  // useDeferredValue as unstable_useDeferredValue,
+  useDebugValue,
+  useDeferredValue,
+  useDeferredValue as unstable_useDeferredValue,
   useEffect,
-  // useImperativeHandle,
-  // useInsertionEffect,
+  useImperativeHandle,
+  useEffect as useInsertionEffect,
   useLayoutEffect,
   useMemo,
-  // useMutableSource,
-  // useMutableSource as unstable_useMutableSource,
+  useSyncExternalStore as useMutableSource,
+  useSyncExternalStore as unstable_useMutableSource,
   useReducer,
   useRef,
   useState,
-  // useSyncExternalStore,
+  useSyncExternalStore,
   useTransition,
   useTransition as unstable_useTransition,
   jsx,