react-hook-toolkit 3.0.4 → 3.0.5

package/dist/chunk1516/chunk0021.d.ts

@@ -34,7 +34,7 @@ interface ISpeakResult {
     isSupported: boolean;
     error: Error | null;
 }
-export declare function useSpeak(): ISpeakResult;
+export declare const useSpeak: () => ISpeakResult;
 export declare function useCountUp(target: number, duration: number): {
     count: number;
     error: Error | null;

package/dist/chunk1516/chunk0021.js

@@ -61,7 +61,7 @@ export function useCss(css) {
     return { error };
 }
 const IS_SUPPORTED = typeof window !== 'undefined' && 'speechSynthesis' in window;
-export function useSpeak() {
+export const useSpeak = () => {
     const [status, setStatus] = useState('idle');
     const [error, setError] = useState(null);
     const isMounted = useRef(true);
@@ -135,7 +135,8 @@ export function useSpeak() {
         };
         // Cancel any ongoing speech
         window.speechSynthesis.cancel();
-        setError(null);
+        if (isMounted.current)
+            setError(null);
         // Build utterance
         const utterance = new SpeechSynthesisUtterance(trimmed);
         utterance.rate = (_c = options.rate) !== null && _c !== void 0 ? _c : 1;
@@ -176,8 +177,13 @@ export function useSpeak() {
             (_b = (_a = callbacksRef.current).onError) === null || _b === void 0 ? void 0 : _b.call(_a, err);
             utteranceRef.current = null;
         };
+        // Assign ref BEFORE timeout — prevents Chrome GC dropping utterance mid-speech
         utteranceRef.current = utterance;
-        window.speechSynthesis.speak(utterance);
+        // Chrome gets stuck in paused state after cancel() — delay lets it settle
+        setTimeout(() => {
+            if (isMounted.current)
+                window.speechSynthesis.speak(utterance);
+        }, 100);
     }, [safeSetStatus, safeSetError]); // minimal deps — text passed at call time
     return {
         speak,
@@ -190,7 +196,7 @@ export function useSpeak() {
         isSupported: IS_SUPPORTED,
         error,
     };
-}
+};
 export function useCountUp(target, duration) {
     const [count, setCount] = useState(0);
     const [error, setError] = useState(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-hook-toolkit",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Ultimate package for React developers, offering a powerful collection of hooks and components to enhance their development experience.",
   "main": "dist/index.js",
   "module": "dist/index.js",