react-hook-toolkit 3.0.2 → 3.0.4

package/dist/chunk1516/chunk726433.js

@@ -1,23 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { isBrowser, noop, off, on, throttle } from '../utils';
 import { VoiceStatus } from "../type";
@@ -26,18 +6,18 @@ function historyReducer(state, action) {
         case 'UNDO':
             if (state.past.length === 0)
                 return state;
-            var _a = state.past, newPresent = _a[0], newPast = _a.slice(1);
+            const [newPresent, ...newPast] = state.past;
             return {
                 past: newPast,
                 present: newPresent,
-                future: __spreadArray([state.present], state.future, true),
+                future: [state.present, ...state.future],
             };
         case 'REDO':
             if (state.future.length === 0)
                 return state;
-            var _b = state.future, nextPresent = _b[0], newFuture = _b.slice(1);
+            const [nextPresent, ...newFuture] = state.future;
             return {
-                past: __spreadArray([state.present], state.past, true),
+                past: [state.present, ...state.past],
                 present: nextPresent,
                 future: newFuture,
             };
@@ -45,7 +25,7 @@ function historyReducer(state, action) {
             if (action.newPresent === state.present)
                 return state;
             return {
-                past: __spreadArray([state.present], state.past, true),
+                past: [state.present, ...state.past],
                 present: action.newPresent,
                 future: [],
             };
@@ -66,61 +46,60 @@ function historyReducer(state, action) {
     }
 }
 export function useHistoryState(initialPresent) {
-    var _a = useReducer((historyReducer), {
+    const [state, dispatch] = useReducer((historyReducer), {
         past: [],
         present: initialPresent,
         future: [],
-    }), state = _a[0], dispatch = _a[1];
-    var canUndo = state.past.length > 0;
-    var canRedo = state.future.length > 0;
-    var undo = useCallback(function () {
+    });
+    const canUndo = state.past.length > 0;
+    const canRedo = state.future.length > 0;
+    const undo = useCallback(() => {
         if (canUndo) {
             dispatch({ type: 'UNDO' });
         }
     }, [canUndo]);
-    var redo = useCallback(function () {
+    const redo = useCallback(() => {
         if (canRedo) {
             dispatch({ type: 'REDO' });
         }
     }, [canRedo]);
-    var set = useCallback(function (newPresent) {
-        dispatch({ type: 'SET', newPresent: newPresent });
+    const set = useCallback((newPresent) => {
+        dispatch({ type: 'SET', newPresent });
     }, []);
-    var reset = useCallback(function (newPresent) {
-        dispatch({ type: 'RESET', newPresent: newPresent });
+    const reset = useCallback((newPresent) => {
+        dispatch({ type: 'RESET', newPresent });
     }, []);
-    var clear = useCallback(function () {
+    const clear = useCallback(() => {
         dispatch({ type: 'CLEAR' });
     }, []);
     return {
         state: state.present,
-        set: set,
-        undo: undo,
-        redo: redo,
-        reset: reset,
-        clear: clear,
-        canUndo: canUndo,
-        canRedo: canRedo,
+        set,
+        undo,
+        redo,
+        reset,
+        clear,
+        canUndo,
+        canRedo,
         past: state.past,
         future: state.future,
     };
 }
-export function useIdle(ms) {
-    if (ms === void 0) { ms = 1000 * 60; }
-    var _a = useState(false), idle = _a[0], setIdle = _a[1];
-    var timeoutIdRef = useRef(null);
-    useEffect(function () {
-        var handleTimeout = function () {
+export function useIdle(ms = 1000 * 60) {
+    const [idle, setIdle] = useState(false);
+    const timeoutIdRef = useRef(null);
+    useEffect(() => {
+        const handleTimeout = () => {
             setIdle(true);
         };
-        var handleEvent = throttle(function () {
+        const handleEvent = throttle(() => {
             setIdle(false);
             if (timeoutIdRef.current) {
                 clearTimeout(timeoutIdRef.current);
             }
             timeoutIdRef.current = setTimeout(handleTimeout, ms);
         }, 500);
-        var handleVisibilityChange = function () {
+        const handleVisibilityChange = () => {
             if (!document.hidden) {
                 handleEvent();
             }
@@ -128,7 +107,7 @@ export function useIdle(ms) {
         // Initialize
         timeoutIdRef.current = setTimeout(handleTimeout, ms);
         // Events to listen for activity
-        var events = [
+        const events = [
             'mousemove',
             'mousedown',
             'resize',
@@ -137,10 +116,10 @@ export function useIdle(ms) {
             'wheel',
             'scroll',
         ];
-        events.forEach(function (event) { return window.addEventListener(event, handleEvent); });
+        events.forEach((event) => window.addEventListener(event, handleEvent));
         document.addEventListener('visibilitychange', handleVisibilityChange);
-        return function () {
-            events.forEach(function (event) { return window.removeEventListener(event, handleEvent); });
+        return () => {
+            events.forEach((event) => window.removeEventListener(event, handleEvent));
             document.removeEventListener('visibilitychange', handleVisibilityChange);
             if (timeoutIdRef.current) {
                 clearTimeout(timeoutIdRef.current);
@@ -150,66 +129,64 @@ export function useIdle(ms) {
     return idle;
 }
 export function useIsFirstRender() {
-    var isFirstRender = useRef(true);
-    useEffect(function () {
+    const isFirstRender = useRef(true);
+    useEffect(() => {
         isFirstRender.current = false;
     }, []);
     return isFirstRender.current;
 }
-export function useList(initialList) {
-    if (initialList === void 0) { initialList = []; }
-    var _a = useState(initialList), list = _a[0], setList = _a[1];
-    var set = useCallback(function (newList) {
+export function useList(initialList = []) {
+    const [list, setList] = useState(initialList);
+    const set = useCallback((newList) => {
         setList(newList);
     }, []);
-    var push = useCallback(function (element) {
-        setList(function (current) { return __spreadArray(__spreadArray([], current, true), [element], false); });
+    const push = useCallback((element) => {
+        setList(current => [...current, element]);
     }, []);
-    var removeAt = useCallback(function (index) {
-        setList(function (current) { return current.filter(function (_, i) { return i !== index; }); });
+    const removeAt = useCallback((index) => {
+        setList(current => current.filter((_, i) => i !== index));
     }, []);
-    var insertAt = useCallback(function (index, element) {
-        setList(function (current) { return __spreadArray(__spreadArray(__spreadArray([], current.slice(0, index), true), [
-            element
-        ], false), current.slice(index), true); });
+    const insertAt = useCallback((index, element) => {
+        setList(current => [
+            ...current.slice(0, index),
+            element,
+            ...current.slice(index)
+        ]);
     }, []);
-    var updateAt = useCallback(function (index, element) {
-        setList(function (current) {
-            return current.map(function (item, i) { return (i === index ? element : item); });
-        });
+    const updateAt = useCallback((index, element) => {
+        setList(current => current.map((item, i) => (i === index ? element : item)));
     }, []);
-    var clear = useCallback(function () {
+    const clear = useCallback(() => {
         setList([]);
     }, []);
     return {
-        list: list,
+        list,
         actions: {
-            set: set,
-            push: push,
-            removeAt: removeAt,
-            insertAt: insertAt,
-            updateAt: updateAt,
-            clear: clear,
+            set,
+            push,
+            removeAt,
+            insertAt,
+            updateAt,
+            clear,
         },
     };
 }
-export function useLockBodyScroll(lock) {
-    if (lock === void 0) { lock = true; }
-    useLayoutEffect(function () {
+export function useLockBodyScroll(lock = true) {
+    useLayoutEffect(() => {
         if (!lock)
             return;
         // Get current body overflow value
-        var originalOverflow = document.body.style.overflow;
-        var originalPaddingRight = document.body.style.paddingRight;
+        const originalOverflow = document.body.style.overflow;
+        const originalPaddingRight = document.body.style.paddingRight;
         // Calculate scrollbar width to prevent layout shift
-        var scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+        const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
         // Lock body scroll
         document.body.style.overflow = 'hidden';
         // Compensate for scrollbar width if needed
         if (scrollbarWidth > 0) {
-            document.body.style.paddingRight = "".concat(scrollbarWidth, "px");
+            document.body.style.paddingRight = `${scrollbarWidth}px`;
         }
-        return function () {
+        return () => {
             // Restore original styles
             document.body.style.overflow = originalOverflow;
             document.body.style.paddingRight = originalPaddingRight;
@@ -222,27 +199,26 @@ function isMouseEvent(event) {
 function isTouchEvent(event) {
     return 'touches' in event;
 }
-export function useLongPress(callback, options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.threshold, threshold = _a === void 0 ? 400 : _a, onStart = options.onStart, onFinish = options.onFinish, onCancel = options.onCancel;
-    var isLongPressActive = useRef(false);
-    var isPressed = useRef(false);
-    var timerId = useRef();
-    var start = useCallback(function (event) {
+export function useLongPress(callback, options = {}) {
+    const { threshold = 400, onStart, onFinish, onCancel } = options;
+    const isLongPressActive = useRef(false);
+    const isPressed = useRef(false);
+    const timerId = useRef();
+    const start = useCallback((event) => {
         if (!isMouseEvent(event) && !isTouchEvent(event))
             return;
         if (onStart) {
             onStart(event);
         }
         isPressed.current = true;
-        timerId.current = setTimeout(function () {
+        timerId.current = setTimeout(() => {
             if (isPressed.current) {
                 callback(event);
                 isLongPressActive.current = true;
             }
         }, threshold);
     }, [callback, threshold, onStart]);
-    var cancel = useCallback(function (event) {
+    const cancel = useCallback((event) => {
         if (!isMouseEvent(event) && !isTouchEvent(event))
             return;
         if (isLongPressActive.current) {
@@ -262,30 +238,29 @@ export function useLongPress(callback, options) {
         }
     }, [onFinish, onCancel]);
     // Clean up on unmount
-    useEffect(function () {
-        return function () {
+    useEffect(() => {
+        return () => {
             if (timerId.current) {
                 clearTimeout(timerId.current);
             }
         };
     }, []);
-    return useMemo(function () { return ({
+    return useMemo(() => ({
         onMouseDown: start,
         onMouseUp: cancel,
         onMouseLeave: cancel,
         onTouchStart: start,
         onTouchEnd: cancel,
-    }); }, [start, cancel]);
+    }), [start, cancel]);
 }
-export var useRecentSearch = function (options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.key, key = _a === void 0 ? 'recentSearches' : _a, _b = options.limit, limit = _b === void 0 ? 3 : _b, _c = options.uniqueKey, uniqueKey = _c === void 0 ? 'index' : _c, _d = options.excludeEmpty, excludeEmpty = _d === void 0 ? true : _d;
-    var _e = useState([]), recentSearches = _e[0], setRecentSearches = _e[1];
-    useEffect(function () {
-        var saved = localStorage.getItem(key);
+export const useRecentSearch = (options = {}) => {
+    const { key = 'recentSearches', limit = 3, uniqueKey = 'index', excludeEmpty = true } = options;
+    const [recentSearches, setRecentSearches] = useState([]);
+    useEffect(() => {
+        const saved = localStorage.getItem(key);
         if (saved) {
             try {
-                var parsed = JSON.parse(saved);
+                const parsed = JSON.parse(saved);
                 if (Array.isArray(parsed)) {
                     setRecentSearches(parsed.slice(0, limit));
                 }
@@ -296,12 +271,12 @@ export var useRecentSearch = function (options) {
             }
         }
     }, [key, limit]);
-    var addSearch = useCallback(function (item) {
+    const addSearch = useCallback((item) => {
         if (excludeEmpty && !item[uniqueKey])
             return;
         try {
-            setRecentSearches(function (prev) {
-                var updated = __spreadArray([item], prev.filter(function (p) { return p[uniqueKey] !== item[uniqueKey]; }), true).slice(0, limit);
+            setRecentSearches((prev) => {
+                const updated = [item, ...prev.filter((p) => p[uniqueKey] !== item[uniqueKey])].slice(0, limit);
                 localStorage.setItem(key, JSON.stringify(updated));
                 return updated;
             });
@@ -310,51 +285,49 @@ export var useRecentSearch = function (options) {
             console.error('Failed to update recent searches:', error);
         }
     }, [excludeEmpty, uniqueKey, key, limit]);
-    var hasSearch = function (value) {
-        return recentSearches.some(function (item) { var _a; return ((_a = item[uniqueKey]) === null || _a === void 0 ? void 0 : _a.toString().trim()) === value.trim(); });
+    const hasSearch = (value) => {
+        return recentSearches.some((item) => { var _a; return ((_a = item[uniqueKey]) === null || _a === void 0 ? void 0 : _a.toString().trim()) === value.trim(); });
     };
-    var clearSearch = function () {
+    const clearSearch = () => {
         localStorage.removeItem(key);
         setRecentSearches([]);
     };
-    return { recentSearches: recentSearches, addSearch: addSearch, clearSearch: clearSearch, hasSearch: hasSearch };
+    return { recentSearches, addSearch, clearSearch, hasSearch };
 };
-export var useUnmountedRef = function () {
-    var unmountedRef = useRef(false);
-    useEffect(function () {
+export const useUnmountedRef = () => {
+    const unmountedRef = useRef(false);
+    useEffect(() => {
         unmountedRef.current = false;
-        return function () {
+        return () => {
             unmountedRef.current = true;
         };
     }, []);
     return unmountedRef;
 };
-var info;
-var responsiveConfig = {
+let info;
+let responsiveConfig = {
     xs: 0,
     sm: 576,
     md: 768,
     lg: 992,
     xl: 1200,
 };
-var subscribers = new Set();
+const subscribers = new Set();
 function handleResize() {
-    var oldInfo = info;
+    const oldInfo = info;
     calculate();
     if (oldInfo === info)
         return;
-    for (var _i = 0, _a = subscribers; _i < _a.length; _i++) {
-        var subscriber = _a[_i];
+    for (const subscriber of subscribers) {
         subscriber();
     }
 }
-var listening = false;
+let listening = false;
 function calculate() {
-    var width = window.innerWidth;
-    var newInfo = {};
-    var shouldUpdate = false;
-    for (var _i = 0, _a = Object.keys(responsiveConfig); _i < _a.length; _i++) {
-        var key = _a[_i];
+    const width = window.innerWidth;
+    const newInfo = {};
+    let shouldUpdate = false;
+    for (const key of Object.keys(responsiveConfig)) {
         newInfo[key] = width >= responsiveConfig[key];
         if (newInfo[key] !== info[key]) {
             shouldUpdate = true;
@@ -369,25 +342,25 @@ export function configResponsive(config) {
     if (info)
         calculate();
 }
-export var useResponsive = function () {
+export const useResponsive = () => {
     if (isBrowser && !listening) {
         info = {};
         calculate();
         window.addEventListener('resize', handleResize);
         listening = true;
     }
-    var _a = useState(info), state = _a[0], setState = _a[1];
-    useEffect(function () {
+    const [state, setState] = useState(info);
+    useEffect(() => {
         if (!isBrowser)
             return;
         if (!listening) {
             window.addEventListener('resize', handleResize);
         }
-        var subscriber = function () {
+        const subscriber = () => {
             setState(info);
         };
         subscribers.add(subscriber);
-        return function () {
+        return () => {
             subscribers.delete(subscriber);
             if (subscribers.size === 0) {
                 window.removeEventListener('resize', handleResize);
@@ -397,34 +370,30 @@ export var useResponsive = function () {
     }, []);
     return state;
 };
-var defaultEvents = ['mousedown', 'touchstart'];
-export var useClickAway = function (ref, onClickAway, events) {
-    if (events === void 0) { events = defaultEvents; }
-    var savedCallback = useRef(onClickAway);
-    useEffect(function () {
+const defaultEvents = ['mousedown', 'touchstart'];
+export const useClickAway = (ref, onClickAway, events = defaultEvents) => {
+    const savedCallback = useRef(onClickAway);
+    useEffect(() => {
         savedCallback.current = onClickAway;
     }, [onClickAway]);
-    useEffect(function () {
-        var handler = function (event) {
-            var el = ref.current;
+    useEffect(() => {
+        const handler = (event) => {
+            const { current: el } = ref;
             el && !el.contains(event.target) && savedCallback.current(event);
         };
-        for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
-            var eventName = events_1[_i];
+        for (const eventName of events) {
             on(document, eventName, handler);
         }
-        return function () {
-            for (var _i = 0, events_2 = events; _i < events_2.length; _i++) {
-                var eventName = events_2[_i];
+        return () => {
+            for (const eventName of events) {
                 off(document, eventName, handler);
             }
         };
     }, [events, ref]);
 };
-export var useBeforeUnload = function (enabled, message) {
-    if (enabled === void 0) { enabled = true; }
-    var handler = useCallback(function (event) {
-        var finalEnabled = typeof enabled === 'function' ? enabled() : true;
+export const useBeforeUnload = (enabled = true, message) => {
+    const handler = useCallback((event) => {
+        const finalEnabled = typeof enabled === 'function' ? enabled() : true;
         if (!finalEnabled) {
             return;
         }
@@ -434,31 +403,30 @@ export var useBeforeUnload = function (enabled, message) {
         }
         return message;
     }, [enabled, message]);
-    useEffect(function () {
+    useEffect(() => {
         if (!enabled) {
             return;
         }
         on(window, 'beforeunload', handler);
-        return function () { return off(window, 'beforeunload', handler); };
+        return () => off(window, 'beforeunload', handler);
     }, [enabled, handler]);
 };
-export var useHoverDirty = function (ref, enabled) {
-    if (enabled === void 0) { enabled = true; }
+export const useHoverDirty = (ref, enabled = true) => {
     if (process.env.NODE_ENV === 'development') {
         if (typeof ref !== 'object' || typeof ref.current === 'undefined') {
             console.error('useHoverDirty expects a single ref argument.');
         }
     }
-    var _a = useState(false), value = _a[0], setValue = _a[1];
-    useEffect(function () {
-        var onMouseOver = function () { return setValue(true); };
-        var onMouseOut = function () { return setValue(false); };
+    const [value, setValue] = useState(false);
+    useEffect(() => {
+        const onMouseOver = () => setValue(true);
+        const onMouseOut = () => setValue(false);
         if (enabled && ref && ref.current) {
             on(ref.current, 'mouseover', onMouseOver);
             on(ref.current, 'mouseout', onMouseOut);
         }
-        var current = ref.current;
-        return function () {
+        const { current } = ref;
+        return () => {
             if (enabled && current) {
                 off(current, 'mouseover', onMouseOver);
                 off(current, 'mouseout', onMouseOut);
@@ -467,7 +435,7 @@ export var useHoverDirty = function (ref, enabled) {
     }, [enabled, ref]);
     return value;
 };
-var defaultState = {
+const defaultState = {
     acceleration: {
         x: null,
         y: null,
@@ -485,12 +453,11 @@ var defaultState = {
     },
     interval: 16,
 };
-export var useMotion = function (initialState) {
-    if (initialState === void 0) { initialState = defaultState; }
-    var _a = useState(initialState), state = _a[0], setState = _a[1];
-    useEffect(function () {
-        var handler = function (event) {
-            var acceleration = event.acceleration, accelerationIncludingGravity = event.accelerationIncludingGravity, rotationRate = event.rotationRate, interval = event.interval;
+export const useMotion = (initialState = defaultState) => {
+    const [state, setState] = useState(initialState);
+    useEffect(() => {
+        const handler = (event) => {
+            const { acceleration, accelerationIncludingGravity, rotationRate, interval } = event;
             setState({
                 acceleration: {
                     x: acceleration.x,
@@ -507,54 +474,53 @@ export var useMotion = function (initialState) {
                     beta: rotationRate.beta,
                     gamma: rotationRate.gamma,
                 },
-                interval: interval,
+                interval,
             });
         };
         on(window, 'devicemotion', handler);
-        return function () {
+        return () => {
             off(window, 'devicemotion', handler);
         };
     }, []);
     return state;
 };
-export var usePageLeave = function (onPageLeave, args) {
-    if (args === void 0) { args = []; }
-    useEffect(function () {
+export const usePageLeave = (onPageLeave, args = []) => {
+    useEffect(() => {
         if (!onPageLeave) {
             return;
         }
-        var handler = function (event) {
+        const handler = (event) => {
             event = event ? event : window.event;
-            var from = event.relatedTarget || event.toElement;
+            const from = event.relatedTarget || event.toElement;
             if (!from || from.nodeName === 'HTML') {
                 onPageLeave();
             }
         };
         on(document, 'mouseout', handler);
-        return function () {
+        return () => {
             off(document, 'mouseout', handler);
         };
     }, args);
 };
-export var usePermission = function (permissionDesc) {
-    var _a = useState(''), state = _a[0], setState = _a[1];
-    useEffect(function () {
-        var mounted = true;
-        var permissionStatus = null;
-        var onChange = function () {
+export const usePermission = (permissionDesc) => {
+    const [state, setState] = useState('');
+    useEffect(() => {
+        let mounted = true;
+        let permissionStatus = null;
+        const onChange = () => {
             if (!mounted)
                 return;
-            setState(function () { var _a; return (_a = permissionStatus === null || permissionStatus === void 0 ? void 0 : permissionStatus.state) !== null && _a !== void 0 ? _a : ''; });
+            setState(() => { var _a; return (_a = permissionStatus === null || permissionStatus === void 0 ? void 0 : permissionStatus.state) !== null && _a !== void 0 ? _a : ''; });
         };
         navigator.permissions
             .query(permissionDesc) // 👈 cast to fix TS error
-            .then(function (status) {
+            .then((status) => {
             permissionStatus = status;
             on(permissionStatus, 'change', onChange);
             onChange();
         })
             .catch(noop);
-        return function () {
+        return () => {
             permissionStatus && off(permissionStatus, 'change', onChange);
             mounted = false;
             permissionStatus = null;
@@ -562,47 +528,47 @@ export var usePermission = function (permissionDesc) {
     }, [permissionDesc]);
     return state;
 };
-export var useSpeech = function (text, options) {
-    var mounted = useRef(false);
-    var _a = useState(function () {
-        var _a = options.voice || {}, _b = _a.lang, lang = _b === void 0 ? 'default' : _b, _c = _a.name, name = _c === void 0 ? '' : _c;
+export const useSpeech = (text, options) => {
+    let mounted = useRef(false);
+    const [state, setState] = useState(() => {
+        const { lang = 'default', name = '' } = options.voice || {};
         return {
             isPlaying: false,
             status: VoiceStatus[VoiceStatus.init],
             lang: options.lang || 'default',
-            voiceInfo: { lang: lang, name: name },
+            voiceInfo: { lang, name },
             rate: options.rate || 1,
             pitch: options.pitch || 1,
             volume: options.volume || 1,
         };
-    }), state = _a[0], setState = _a[1];
-    var handlePlay = useCallback(function () {
+    });
+    const handlePlay = useCallback(() => {
         if (!mounted.current) {
             return;
         }
-        setState(function (preState) {
-            return __assign(__assign({}, preState), { isPlaying: true, status: VoiceStatus[VoiceStatus.play] });
+        setState((preState) => {
+            return Object.assign(Object.assign({}, preState), { isPlaying: true, status: VoiceStatus[VoiceStatus.play] });
         });
     }, []);
-    var handlePause = useCallback(function () {
+    const handlePause = useCallback(() => {
         if (!mounted.current) {
             return;
         }
-        setState(function (preState) {
-            return __assign(__assign({}, preState), { isPlaying: false, status: VoiceStatus[VoiceStatus.pause] });
+        setState((preState) => {
+            return Object.assign(Object.assign({}, preState), { isPlaying: false, status: VoiceStatus[VoiceStatus.pause] });
         });
     }, []);
-    var handleEnd = useCallback(function () {
+    const handleEnd = useCallback(() => {
         if (!mounted.current) {
             return;
         }
-        setState(function (preState) {
-            return __assign(__assign({}, preState), { isPlaying: false, status: VoiceStatus[VoiceStatus.end] });
+        setState((preState) => {
+            return Object.assign(Object.assign({}, preState), { isPlaying: false, status: VoiceStatus[VoiceStatus.end] });
         });
     }, []);
-    useEffect(function () {
+    useEffect(() => {
         mounted.current = true;
-        var utterance = new SpeechSynthesisUtterance(text);
+        const utterance = new SpeechSynthesisUtterance(text);
         options.lang && (utterance.lang = options.lang);
         options.voice && (utterance.voice = options.voice);
         utterance.rate = options.rate || 1;
@@ -613,7 +579,7 @@ export var useSpeech = function (text, options) {
         utterance.onresume = handlePlay;
         utterance.onend = handleEnd;
         window.speechSynthesis.speak(utterance);
-        return function () {
+        return () => {
             mounted.current = false;
         };
     }, []);