main 🧊 update versions

debabin · debabin · commit d3797f43b59b · 2025-04-21T20:10:06.000+07:00
diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -38,16 +38,16 @@
     "pretty": "yarn type && yarn lint && yarn format"
   },
   "dependencies": {
-    "@antfu/ni": "^24.2.0",
-    "@siberiacancode/fetches": "^1.9.4",
+    "@antfu/ni": "^24.3.0",
+    "@siberiacancode/fetches": "*",
     "chalk": "5.4.1",
     "cosmiconfig": "^9.0.0",
     "execa": "9.5.2",
     "ora": "8.2.0",
     "prompts": "^2.4.2",
     "tsconfig-paths": "^4.2.0",
     "yargs": "^17.7.2",
-    "zod": "^3.24.2"
+    "zod": "^3.24.3"
   },
   "devDependencies": {
     "@types/prompts": "^2.4.9",
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -51,9 +51,9 @@
     "lint-staged": "lint-staged"
   },
   "peerDependencies": {
-    "@types/react": "^18.0.0",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0"
+    "@types/react": "^18",
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -66,19 +66,19 @@
   "devDependencies": {
     "@siberiacancode/vitest": "^2.1.0",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/react": "^16.2.0",
-    "@types/dom-speech-recognition": "^0.0.4",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
+    "@testing-library/react": "^16.3.0",
+    "@types/dom-speech-recognition": "^0.0.6",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@types/web-bluetooth": "^0.0.21",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@vitejs/plugin-react": "^4.4.1",
     "core-js": "^3.41.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "shx": "^0.4.0",
-    "vite": "^6.2.3",
+    "vite": "^6.3.2",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9"
+    "vitest": "^3.1.2"
   },
   "lint-staged": {
     "*.js": [
diff --git a/packages/core/src/bundle/hooks/useDoubleClick/useDoubleClick.js b/packages/core/src/bundle/hooks/useDoubleClick/useDoubleClick.js
@@ -31,7 +31,7 @@ export const useDoubleClick = (...params) => {
   const target = isTarget(params[0]) ? params[0] : undefined;
   const callback = target ? params[1] : params[0];
   const options = target ? params[2] : params[1];
-  const timeoutIdRef = useRef();
+  const timeoutIdRef = useRef(undefined);
   const clickCountRef = useRef(0);
   const internalRef = useRefState();
   const internalCallbackRef = useRef(callback);
diff --git a/packages/core/src/bundle/hooks/useInterval/useInterval.js b/packages/core/src/bundle/hooks/useInterval/useInterval.js
@@ -27,7 +27,7 @@ export const useInterval = (...params) => {
   const options = typeof params[1] === 'object' ? params[1] : params[2];
   const immediately = options?.immediately ?? true;
   const [active, setActive] = useState(immediately ?? true);
-  const intervalIdRef = useRef();
+  const intervalIdRef = useRef(undefined);
   const internalCallbackRef = useRef(callback);
   internalCallbackRef.current = callback;
   useEffect(() => {
diff --git a/packages/core/src/bundle/hooks/useLongPress/useLongPress.js b/packages/core/src/bundle/hooks/useLongPress/useLongPress.js
@@ -30,7 +30,7 @@ export const useLongPress = (...params) => {
   const callback = target ? params[1] : params[0];
   const options = target ? params[2] : params[1];
   const [pressed, setPressed] = useState(false);
-  const timeoutIdRef = useRef();
+  const timeoutIdRef = useRef(undefined);
   const isPressedRef = useRef(false);
   const internalRef = useRefState();
   const internalCallbackRef = useRef(callback);
diff --git a/packages/core/src/bundle/hooks/useOnce/useOnce.js b/packages/core/src/bundle/hooks/useOnce/useOnce.js
@@ -12,7 +12,7 @@ import { useEffect, useRef } from 'react';
  * useOnce(() => console.log('effect once'));
  */
 export function useOnce(effect) {
-  const cleanupRef = useRef();
+  const cleanupRef = useRef(undefined);
   const hasRunRef = useRef(false);
   const hasRenderedAfterRun = useRef(false);
   if (hasRunRef.current) {
diff --git a/packages/core/src/bundle/hooks/usePerformanceObserver/usePerformanceObserver.js b/packages/core/src/bundle/hooks/usePerformanceObserver/usePerformanceObserver.js
@@ -17,7 +17,7 @@ export const usePerformanceObserver = (options, callback) => {
   const supported = typeof window !== 'undefined' && typeof PerformanceObserver !== 'undefined';
   const [entries, setEntries] = useState([]);
   const observerRef = useRef(null);
-  const internalCallback = useRef();
+  const internalCallback = useRef(callback);
   internalCallback.current = callback;
   const start = () => {
     if (!supported) return;
diff --git a/packages/core/src/bundle/hooks/usePrevious/usePrevious.js b/packages/core/src/bundle/hooks/usePrevious/usePrevious.js
@@ -7,14 +7,14 @@ import { useRef } from 'react';
  * @template Value The type of the value
  * @param {Value} value The value to get the previous value
  * @param {(a: Value, b: Value) => boolean} [options.equality] The custom equality function to determine if the value has changed
- * @returns {Value} The previous value
+ * @returns {Value | undefined} The previous value
  *
  * @example
  * const prevValue = usePrevious(value);
  */
 export const usePrevious = (value, options) => {
   const currentRef = useRef(value);
-  const previousRef = useRef();
+  const previousRef = useRef(undefined);
   const equality = options?.equality ?? Object.is;
   if (!equality(value, currentRef.current)) {
     previousRef.current = currentRef.current;
diff --git a/packages/core/src/bundle/hooks/useQuery/useQuery.js b/packages/core/src/bundle/hooks/useQuery/useQuery.js
@@ -34,7 +34,7 @@ export const useQuery = (callback, options) => {
   const [error, setError] = useState(undefined);
   const [data, setData] = useState(options?.initialData);
   const abortControllerRef = useRef(new AbortController());
-  const intervalIdRef = useRef();
+  const intervalIdRef = useRef(undefined);
   const keys = options?.keys ?? [];
   const abort = () => {
     abortControllerRef.current.abort();
diff --git a/packages/core/src/bundle/hooks/useResizeObserver/useResizeObserver.js b/packages/core/src/bundle/hooks/useResizeObserver/useResizeObserver.js
@@ -35,7 +35,7 @@ export const useResizeObserver = (...params) => {
   const enabled = options?.enabled ?? true;
   const [entries, setEntries] = useState([]);
   const internalRef = useRefState();
-  const internalOnChangeRef = useRef();
+  const internalOnChangeRef = useRef(options?.onChange);
   internalOnChangeRef.current = options?.onChange;
   useEffect(() => {
     if (!enabled && !target && !internalRef.state) return;
diff --git a/packages/core/src/bundle/hooks/useTimeout/useTimeout.js b/packages/core/src/bundle/hooks/useTimeout/useTimeout.js
@@ -14,7 +14,7 @@ import { useEvent } from '../useEvent/useEvent';
  */
 export function useTimeout(callback, delay) {
   const [ready, setReady] = useState(false);
-  const timeoutIdRef = useRef();
+  const timeoutIdRef = useRef(undefined);
   const internalCallback = useEvent(callback);
   useEffect(() => {
     timeoutIdRef.current = setTimeout(() => {
diff --git a/packages/core/src/bundle/hooks/useTimer/useTimer.js b/packages/core/src/bundle/hooks/useTimer/useTimer.js
@@ -47,8 +47,8 @@ export const useTimer = (...params) => {
   const options = typeof params[1] === 'object' ? params[1] : { onExpire: params[1] };
   const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));
   const [seconds, setSeconds] = useState(initialSeconds);
-  const intervalIdRef = useRef();
-  const optionsRef = useRef();
+  const intervalIdRef = useRef(undefined);
+  const optionsRef = useRef(options);
   optionsRef.current = options ?? {};
   useDidUpdate(() => {
     if (initialSeconds <= 0) {
diff --git a/packages/core/src/bundle/hooks/useVibrate/useVibrate.js b/packages/core/src/bundle/hooks/useVibrate/useVibrate.js
@@ -16,7 +16,7 @@ import { useEffect, useRef, useState } from 'react';
  */
 export const useVibrate = (pattern, interval = 0) => {
   const supported = typeof navigator !== 'undefined' && 'vibrate' in navigator;
-  const intervalIdRef = useRef();
+  const intervalIdRef = useRef(undefined);
   const [active, setActive] = useState(false);
   const trigger = (internalPattern = pattern) => {
     if (!supported) return;
diff --git a/packages/core/src/bundle/hooks/useWakeLock/useWakeLock.js b/packages/core/src/bundle/hooks/useWakeLock/useWakeLock.js
@@ -15,7 +15,7 @@ import { useEffect, useRef, useState } from 'react';
 export const useWakeLock = (options) => {
   const supported = typeof navigator !== 'undefined' && 'wakeLock' in navigator;
   const [active, setActive] = useState(false);
-  const sentinel = useRef();
+  const sentinel = useRef(undefined);
   const immediately = options?.immediately ?? false;
   const type = options?.type ?? 'screen';
   const request = async (type) => {
diff --git a/packages/core/src/bundle/hooks/useWebSocket/useWebSocket.js b/packages/core/src/bundle/hooks/useWebSocket/useWebSocket.js
@@ -19,7 +19,7 @@ import { useEvent } from '../useEvent/useEvent';
  * const { status, close, send, open, client } = useWebSocket('url');
  */
 export const useWebSocket = (url, options) => {
-  const webSocketRef = useRef();
+  const webSocketRef = useRef(undefined);
   const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);
   const explicityCloseRef = useRef(false);
   const [status, setStatus] = useState('connecting');
diff --git a/packages/core/src/hooks/useDoubleClick/useDoubleClick.ts b/packages/core/src/hooks/useDoubleClick/useDoubleClick.ts
@@ -64,7 +64,7 @@ export const useDoubleClick = ((...params: any[]): any => {
   const callback = (target ? params[1] : params[0]) as (event: DoubleClickEvents) => void;
   const options = (target ? params[2] : params[1]) as UseDoubleClickOptions | undefined;
 
-  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>();
+  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const clickCountRef = useRef(0);
   const internalRef = useRefState<Element>();
 
diff --git a/packages/core/src/hooks/useInterval/useInterval.ts b/packages/core/src/hooks/useInterval/useInterval.ts
@@ -60,7 +60,7 @@ export const useInterval = ((...params: any[]): UseIntervalReturn => {
 
   const [active, setActive] = useState<boolean>(immediately ?? true);
 
-  const intervalIdRef = useRef<ReturnType<typeof setInterval>>();
+  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);
   const internalCallbackRef = useRef(callback);
   internalCallbackRef.current = callback;
 
diff --git a/packages/core/src/hooks/useLongPress/useLongPress.ts b/packages/core/src/hooks/useLongPress/useLongPress.ts
@@ -70,7 +70,7 @@ export const useLongPress = ((...params: any[]): any => {
   const options = (target ? params[2] : params[1]) as UseLongPressOptions | undefined;
 
   const [pressed, setPressed] = useState(false);
-  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>();
+  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const isPressedRef = useRef(false);
   const internalRef = useRefState<Element>();
 
diff --git a/packages/core/src/hooks/useOnce/useOnce.ts b/packages/core/src/hooks/useOnce/useOnce.ts
@@ -15,7 +15,7 @@ import { useEffect, useRef } from 'react';
  * useOnce(() => console.log('effect once'));
  */
 export function useOnce(effect: EffectCallback) {
-  const cleanupRef = useRef<ReturnType<EffectCallback>>();
+  const cleanupRef = useRef<ReturnType<EffectCallback>>(undefined);
   const hasRunRef = useRef(false);
   const hasRenderedAfterRun = useRef(false);
 
diff --git a/packages/core/src/hooks/usePerformanceObserver/usePerformanceObserver.ts b/packages/core/src/hooks/usePerformanceObserver/usePerformanceObserver.ts
@@ -28,7 +28,7 @@ export const usePerformanceObserver = (
   const [entries, setEntries] = useState<PerformanceEntry[]>([]);
 
   const observerRef = useRef<PerformanceObserver | null>(null);
-  const internalCallback = useRef<PerformanceObserverCallback | null>();
+  const internalCallback = useRef<PerformanceObserverCallback | null>(callback);
   internalCallback.current = callback;
 
   const start = () => {
diff --git a/packages/core/src/hooks/usePrevious/usePrevious.ts b/packages/core/src/hooks/usePrevious/usePrevious.ts
@@ -12,14 +12,14 @@ export interface UsePreviousOptions<Value> {
  * @template Value The type of the value
  * @param {Value} value The value to get the previous value
  * @param {(a: Value, b: Value) => boolean} [options.equality] The custom equality function to determine if the value has changed
- * @returns {Value} The previous value
+ * @returns {Value | undefined} The previous value
  *
  * @example
  * const prevValue = usePrevious(value);
  */
 export const usePrevious = <Value>(value: Value, options?: UsePreviousOptions<Value>) => {
   const currentRef = useRef<Value>(value);
-  const previousRef = useRef<Value>();
+  const previousRef = useRef<Value>(undefined);
 
   const equality = options?.equality ?? Object.is;
 
diff --git a/packages/core/src/hooks/useQuery/useQuery.ts b/packages/core/src/hooks/useQuery/useQuery.ts
@@ -98,7 +98,7 @@ export const useQuery = <QueryData, Data = QueryData>(
   const [data, setData] = useState<Data | undefined>(options?.initialData);
 
   const abortControllerRef = useRef<AbortController>(new AbortController());
-  const intervalIdRef = useRef<ReturnType<typeof setInterval>>();
+  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);
 
   const keys = options?.keys ?? [];
 
diff --git a/packages/core/src/hooks/useResizeObserver/useResizeObserver.ts b/packages/core/src/hooks/useResizeObserver/useResizeObserver.ts
@@ -67,7 +67,7 @@ export const useResizeObserver = ((...params: any[]) => {
   const [entries, setEntries] = useState<ResizeObserverEntry[]>([]);
 
   const internalRef = useRefState<Element>();
-  const internalOnChangeRef = useRef<UseResizeObserverOptions['onChange']>();
+  const internalOnChangeRef = useRef<UseResizeObserverOptions['onChange']>(options?.onChange);
   internalOnChangeRef.current = options?.onChange;
 
   useEffect(() => {
diff --git a/packages/core/src/hooks/useTimeout/useTimeout.ts b/packages/core/src/hooks/useTimeout/useTimeout.ts
@@ -25,7 +25,7 @@ interface UseTimeoutReturn {
 export function useTimeout(callback: () => void, delay: number): UseTimeoutReturn {
   const [ready, setReady] = useState(false);
 
-  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>();
+  const timeoutIdRef = useRef<ReturnType<typeof setTimeout>>(undefined);
   const internalCallback = useEvent(callback);
 
   useEffect(() => {
diff --git a/packages/core/src/hooks/useTimer/useTimer.ts b/packages/core/src/hooks/useTimer/useTimer.ts
@@ -111,8 +111,8 @@ export const useTimer = ((...params: any[]) => {
   const [active, setActive] = useState(initialSeconds > 0 && (options?.immediately ?? true));
   const [seconds, setSeconds] = useState(initialSeconds);
 
-  const intervalIdRef = useRef<ReturnType<typeof setInterval>>();
-  const optionsRef = useRef<UseTimerOptions>();
+  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);
+  const optionsRef = useRef<UseTimerOptions>(options);
   optionsRef.current = options ?? {};
 
   useDidUpdate(() => {
diff --git a/packages/core/src/hooks/useVibrate/useVibrate.ts b/packages/core/src/hooks/useVibrate/useVibrate.ts
@@ -37,7 +37,7 @@ export interface UseVibrateReturn {
 export const useVibrate = (pattern: UseVibratePattern, interval: number = 0) => {
   const supported = typeof navigator !== 'undefined' && 'vibrate' in navigator;
 
-  const intervalIdRef = useRef<ReturnType<typeof setInterval>>();
+  const intervalIdRef = useRef<ReturnType<typeof setInterval>>(undefined);
   const [active, setActive] = useState(false);
 
   const trigger = (internalPattern: UseVibratePattern = pattern) => {
diff --git a/packages/core/src/hooks/useWakeLock/useWakeLock.ts b/packages/core/src/hooks/useWakeLock/useWakeLock.ts
@@ -37,7 +37,7 @@ export const useWakeLock = (options?: UseWakeLockOptions): UseWakeLockReturn =>
   const supported = typeof navigator !== 'undefined' && 'wakeLock' in navigator;
 
   const [active, setActive] = useState(false);
-  const sentinel = useRef<WakeLockSentinel>();
+  const sentinel = useRef<WakeLockSentinel>(undefined);
 
   const immediately = options?.immediately ?? false;
   const type = options?.type ?? 'screen';
diff --git a/packages/core/src/hooks/useWebSocket/useWebSocket.ts b/packages/core/src/hooks/useWebSocket/useWebSocket.ts
@@ -46,7 +46,7 @@ export const useWebSocket = (
   url: UseWebSocketUrl,
   options?: UseWebSocketOptions
 ): UseWebSocketReturn => {
-  const webSocketRef = useRef<WebSocket>();
+  const webSocketRef = useRef<WebSocket>(undefined);
   const retryCountRef = useRef(options?.retry ? getRetry(options.retry) : 0);
   const explicityCloseRef = useRef(false);
 
diff --git a/packages/docs/package.json b/packages/docs/package.json
@@ -33,20 +33,20 @@
     "lint-staged": "lint-staged"
   },
   "devDependencies": {
-    "@types/react": "^18.3.1",
+    "@types/react": "^18.3.20",
     "@siberiacancode/reactuse": "*",
-    "@shikijs/vitepress-twoslash": "3.2.1",
-    "@tailwindcss/vite": "4.0.7",
+    "@shikijs/vitepress-twoslash": "3.2.2",
+    "@tailwindcss/vite": "4.1.4",
     "@types/md5": "^2.3.5",
     "clsx": "^2.1.1",
     "comment-parser": "^1.4.1",
-    "lucide-vue-next": "^0.485.0",
+    "lucide-vue-next": "^0.501.0",
     "md5": "^2.3.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "shiki": "^3.2.1",
+    "shiki": "^3.2.2",
     "simple-git": "^3.27.0",
-    "tailwind-merge": "^3.0.2",
+    "tailwind-merge": "^3.2.0",
     "tailwindcss": "4.0.7",
     "vitepress": "^1.6.3"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
