@pdg/react-hook 1.0.31 → 1.0.33

package/dist/effect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useFirstSkipEffect';
+export * from './useFirstSkipLayoutEffect';

package/dist/{useFirstSkipEffect.d.ts → effect/useFirstSkipEffect.d.ts}

@@ -1,3 +1,2 @@
 import { DependencyList, EffectCallback } from 'react';
 export declare function useFirstSkipEffect(effect: EffectCallback, deps?: DependencyList): void;
-export default useFirstSkipEffect;

package/dist/{useFirstSkipLayoutEffect.d.ts → effect/useFirstSkipLayoutEffect.d.ts}

@@ -1,3 +1,2 @@
 import { DependencyList, EffectCallback } from 'react';
 export declare function useFirstSkipLayoutEffect(effect: EffectCallback, deps?: DependencyList): void;
-export default useFirstSkipLayoutEffect;

package/dist/forceUpdate/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutoForceUpdate';
+export * from './useForceUpdate';

package/dist/{useAutoForceUpdate.d.ts → forceUpdate/useAutoForceUpdate.d.ts}

@@ -1,2 +1 @@
 export declare function useAutoForceUpdate(interval: number): void;
-export default useAutoForceUpdate;

package/dist/{useForceUpdate.d.ts → forceUpdate/useForceUpdate.d.ts}

@@ -1,2 +1 @@
 export declare function useForceUpdate(delayMilliseconds?: number): (delay?: number) => void;
-export default useForceUpdate;

package/dist/forwardRef/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useForwardLayoutRef';
+export * from './useForwardRef';

package/dist/{useForwardLayoutRef.d.ts → forwardRef/useForwardLayoutRef.d.ts}

@@ -1,3 +1,2 @@
 import { ForwardedRef } from 'react';
 export declare function useForwardLayoutRef<T>(ref: ForwardedRef<T>, value: T, onSet?: (value: T) => void, onUnset?: () => void): void;
-export default useForwardLayoutRef;

package/dist/{useForwardRef.d.ts → forwardRef/useForwardRef.d.ts}

@@ -1,3 +1,2 @@
 import { ForwardedRef } from 'react';
 export declare function useForwardRef<T>(ref: ForwardedRef<T>, value: T, onSet?: (value: T) => void, onUnset?: () => void): void;
-export default useForwardRef;

package/dist/index.d.ts

@@ -1,18 +1,9 @@
-export * from './useAutoUpdateState';
-export * from './useAutoUpdateLayoutState';
-export * from './useFirstSkipEffect';
-export * from './useFirstSkipLayoutEffect';
-export * from './useAutoUpdateRefState';
-export * from './useAutoUpdateLayoutRefState';
-export * from './useForwardLayoutRef';
-export * from './useForwardRef';
-export * from './useAutoUpdateRef';
-export * from './useAutoUpdateLayoutRef';
-export * from './usePerformance';
-export * from './useLayoutPerformance';
-export * from './useAutoForceUpdate';
-export * from './useForceUpdate';
-export * from './useTimeoutRef';
-export * from './clearTimeoutRef';
-export * from './useIntervalRef';
-export * from './clearIntervalRef';
+export * from './effect';
+export * from './forceUpdate';
+export * from './forwardRef';
+export * from './mount';
+export * from './performance';
+export * from './ref';
+export * from './state';
+export * from './timeoutInterval';
+export * from './update';

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';function useFirstSkipEffect(effect, deps) {
+import {useRef,useEffect,useLayoutEffect,useState,useCallback}from'react';function useFirstSkipEffect(effect, deps) {
     var firstRef = useRef(true);
     useEffect(function () {
         if (firstRef.current) {
@@ -9,28 +9,6 @@ import {useRef,useEffect,useState,useCallback,useLayoutEffect}from'react';functi
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateState(state, callback) {
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
 }function useFirstSkipLayoutEffect(effect, deps) {
     var firstRef = useRef(true);
     useLayoutEffect(function () {
@@ -42,118 +20,78 @@ function useAutoUpdateState(state, callback) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateLayoutState(state, callback) {
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
-}// 구현부
-function useAutoUpdateRefState(state, callback) {
-    var valueRef = useRef(callback ? callback(state) : state);
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        var newValue = callback ? callback(state) : state;
-        if (!equal$1(valueRef.current, newValue)) {
-            valueRef.current = newValue;
-            _setValue(newValue);
-        }
-    }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
+}function useAutoForceUpdate(interval) {
+    var _a = useState(0), setTick = _a[1];
+    useEffect(function () {
+        var tm = setInterval(function () {
+            setTick(function (old) {
+                return old + 1;
             });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        valueRef.current = finalNewValue;
-        return finalNewValue;
-    }, [callback]);
-    return [valueRef, _value, setValue];
-}
-/********************************************************************************************************************
- * equal
- * ******************************************************************************************************************/
-function equal$1(v1, v2) {
-    if (v1 === v2)
-        return true;
-    if (typeof v1 !== typeof v2)
-        return false;
-    if (v1 == null || v2 == null)
-        return false;
-    if (typeof v1 === 'object' && typeof v2 === 'object') {
-        return JSON.stringify(v1) === JSON.stringify(v2);
+        }, interval);
+        return function () {
+            clearInterval(tm);
+        };
+    }, [interval]);
+}function clearIntervalRef(ref) {
+    if (ref.current) {
+        clearInterval(ref.current);
+        ref.current = undefined;
     }
-    else {
-        return v1 === v2;
+}function clearTimeoutRef(ref) {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        ref.current = undefined;
     }
-}// 구현부
-function useAutoUpdateLayoutRefState(state, callback) {
-    var valueRef = useRef(callback ? callback(state) : state);
-    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        var newValue = callback ? callback(state) : state;
-        if (!equal(valueRef.current, newValue)) {
-            valueRef.current = newValue;
-            _setValue(newValue);
-        }
-    }, [state]);
-    var setValue = useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
+}function useIntervalRef() {
+    var ref = useRef(undefined);
+    useEffect(function () {
+        return function () {
+            clearIntervalRef(ref);
+        };
+    }, []);
+    var setIntervalFunc = useCallback(function (callback, ms) {
+        clearIntervalRef(ref);
+        ref.current = setInterval(function () {
+            callback(ref);
+        }, ms);
+    }, []);
+    return [ref, setIntervalFunc];
+}function useTimeoutRef() {
+    var ref = useRef(undefined);
+    useEffect(function () {
+        return function () {
+            clearTimeoutRef(ref);
+        };
+    }, []);
+    var setTimeoutFunc = useCallback(function (callback, ms) {
+        clearTimeoutRef(ref);
+        ref.current = setTimeout(function () {
+            ref.current = undefined;
+            callback();
+        }, ms);
+    }, []);
+    return [ref, setTimeoutFunc];
+}function useForceUpdate(delayMilliseconds) {
+    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
+    var _b = useState(0), setValue = _b[1];
+    return useCallback(function (delay) {
+        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
+            setDelayTimeout(function () {
+                setValue(function (old) { return old + 1; });
+            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
+            setValue(function (old) { return old + 1; });
         }
-        valueRef.current = finalNewValue;
-        return finalNewValue;
-    }, [callback]);
-    return [valueRef, _value, setValue];
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delayMilliseconds]);
 }
 /********************************************************************************************************************
- * equal
+ * ifUndefined
  * ******************************************************************************************************************/
-function equal(v1, v2) {
-    if (v1 === v2)
-        return true;
-    if (typeof v1 !== typeof v2)
-        return false;
-    if (v1 == null || v2 == null)
-        return false;
-    if (typeof v1 === 'object' && typeof v2 === 'object') {
-        return JSON.stringify(v1) === JSON.stringify(v2);
-    }
-    else {
-        return v1 === v2;
-    }
+function ifUndefined(v, v2) {
+    return v === undefined ? v2 : v;
 }function useForwardLayoutRef(ref, value, onSet, onUnset) {
     useLayoutEffect(function () {
         onSet === null || onSet === void 0 ? void 0 : onSet(value);
@@ -200,102 +138,132 @@ function equal(v1, v2) {
             }
         };
     }, [onSet, onUnset, ref, value]);
-}function useAutoUpdateRef(value) {
+}function useMountedRef(initialValue) {
+    if (initialValue === void 0) { initialValue = true; }
+    var isMountedRef = useRef(initialValue);
+    useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    return isMountedRef;
+}function useLayoutPerformance(name) {
+    var beginTime = performance.now();
+    useLayoutEffect(function () {
+        console.log('Layout Performance', '-', name, performance.now() - beginTime);
+    });
+}function usePerformance(name) {
+    var beginTime = performance.now();
+    useEffect(function () {
+        console.log('Performance', '-', name, performance.now() - beginTime);
+    });
+}function useAutoUpdateLayoutRef(value) {
     var valueRef = useRef(value);
     var _a = useState(0), setUpdateValue = _a[1];
-    useFirstSkipEffect(function () {
+    useFirstSkipLayoutEffect(function () {
         valueRef.current = value;
         setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
-}function useAutoUpdateLayoutRef(value) {
+}function useAutoUpdateRef(value) {
     var valueRef = useRef(value);
     var _a = useState(0), setUpdateValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
+    useFirstSkipEffect(function () {
         valueRef.current = value;
         setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
-}function usePerformance(name) {
-    var beginTime = performance.now();
-    useEffect(function () {
-        console.log('Performance', '-', name, performance.now() - beginTime);
-    });
-}function useLayoutPerformance(name) {
-    var beginTime = performance.now();
-    useLayoutEffect(function () {
-        console.log('Layout Performance', '-', name, performance.now() - beginTime);
-    });
-}function useAutoForceUpdate(interval) {
-    var _a = useState(0), setTick = _a[1];
-    useEffect(function () {
-        var tm = setInterval(function () {
-            setTick(function (old) {
-                return old + 1;
+}// 구현부
+function useAutoUpdateRefState(state, callback) {
+    var valueRef = useRef(callback ? callback(state) : state);
+    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
+    useFirstSkipEffect(function () {
+        var newValue = callback ? callback(state) : state;
+        if (!equal(valueRef.current, newValue)) {
+            valueRef.current = newValue;
+            _setValue(newValue);
+        }
+    }, [state]);
+    var setValue = useCallback(function (newValue, skipCallback) {
+        var finalNewValue = newValue;
+        if (typeof finalNewValue === 'function') {
+            _setValue(function (prev) {
+                finalNewValue = finalNewValue(prev);
+                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+                return finalNewValue;
             });
-        }, interval);
-        return function () {
-            clearInterval(tm);
-        };
-    }, [interval]);
-}function clearTimeoutRef(ref) {
-    if (ref.current) {
-        clearTimeout(ref.current);
-        ref.current = undefined;
-    }
-}function useTimeoutRef() {
-    var ref = useRef(undefined);
-    useEffect(function () {
-        return function () {
-            clearTimeoutRef(ref);
-        };
-    }, []);
-    var setTimeoutFunc = useCallback(function (callback, ms) {
-        clearTimeoutRef(ref);
-        ref.current = setTimeout(function () {
-            ref.current = undefined;
-            callback();
-        }, ms);
-    }, []);
-    return [ref, setTimeoutFunc];
-}function useForceUpdate(delayMilliseconds) {
-    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
-    var _b = useState(0), setValue = _b[1];
-    return useCallback(function (delay) {
-        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
-            setDelayTimeout(function () {
-                setValue(function (old) { return old + 1; });
-            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            setValue(function (old) { return old + 1; });
+            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+            _setValue(finalNewValue);
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [delayMilliseconds]);
+        valueRef.current = finalNewValue;
+        return finalNewValue;
+    }, [callback]);
+    return [valueRef, _value, setValue];
 }
 /********************************************************************************************************************
- * ifUndefined
+ * equal
  * ******************************************************************************************************************/
-function ifUndefined(v, v2) {
-    return v === undefined ? v2 : v;
-}function clearIntervalRef(ref) {
-    if (ref.current) {
-        clearInterval(ref.current);
-        ref.current = undefined;
+function equal(v1, v2) {
+    if (v1 === v2)
+        return true;
+    if (typeof v1 !== typeof v2)
+        return false;
+    if (v1 == null || v2 == null)
+        return false;
+    if (typeof v1 === 'object' && typeof v2 === 'object') {
+        return JSON.stringify(v1) === JSON.stringify(v2);
     }
-}function useIntervalRef() {
-    var ref = useRef(undefined);
-    useEffect(function () {
-        return function () {
-            clearIntervalRef(ref);
-        };
+    else {
+        return v1 === v2;
+    }
+}// 구현부
+function useAutoUpdateState(state, callback) {
+    var _a = useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
+    useFirstSkipEffect(function () {
+        _setValue(callback ? callback(state) : state);
+    }, [state]);
+    var setValue = useCallback(function (newValue, skipCallback) {
+        var finalNewValue = newValue;
+        if (typeof finalNewValue === 'function') {
+            _setValue(function (prev) {
+                finalNewValue = finalNewValue(prev);
+                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+                return finalNewValue;
+            });
+        }
+        else {
+            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+            _setValue(finalNewValue);
+        }
+        return finalNewValue;
+    }, [callback]);
+    return [_value, setValue];
+}function useRefState(initialState) {
+    var _a = useState(initialState), _value = _a[0], _setValue = _a[1];
+    var valueRef = useRef(_value);
+    var setValue = useCallback(function (value) {
+        if (typeof value === 'function') {
+            _setValue(function (prev) {
+                var finalValue = value(prev);
+                valueRef.current = finalValue;
+                return finalValue;
+            });
+        }
+        else {
+            valueRef.current = value;
+            _setValue(value);
+        }
     }, []);
-    var setIntervalFunc = useCallback(function (callback, ms) {
-        clearIntervalRef(ref);
-        ref.current = setInterval(function () {
-            callback(ref);
-        }, ms);
+    return [valueRef, _value, setValue];
+}function useSafeUpdate() {
+    var mountedRef = useMountedRef();
+    return useCallback(function (callback) {
+        if (mountedRef.current) {
+            callback();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return [ref, setIntervalFunc];
-}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateLayoutRefState,useAutoUpdateLayoutState,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardLayoutRef,useForwardRef,useIntervalRef,useLayoutPerformance,usePerformance,useTimeoutRef};
+}export{clearIntervalRef,clearTimeoutRef,useAutoForceUpdate,useAutoUpdateLayoutRef,useAutoUpdateRef,useAutoUpdateRefState,useAutoUpdateState,useFirstSkipEffect,useFirstSkipLayoutEffect,useForceUpdate,useForwardLayoutRef,useForwardRef,useIntervalRef,useLayoutPerformance,useMountedRef,usePerformance,useRefState,useSafeUpdate,useTimeoutRef};

package/dist/index.js

@@ -9,28 +9,6 @@
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateState(state, callback) {
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
 }function useFirstSkipLayoutEffect(effect, deps) {
     var firstRef = react.useRef(true);
     react.useLayoutEffect(function () {
@@ -42,118 +20,78 @@ function useAutoUpdateState(state, callback) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, deps);
-}// 구현부
-function useAutoUpdateLayoutState(state, callback) {
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        _setValue(callback ? callback(state) : state);
-    }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        return finalNewValue;
-    }, [callback]);
-    return [_value, setValue];
-}// 구현부
-function useAutoUpdateRefState(state, callback) {
-    var valueRef = react.useRef(callback ? callback(state) : state);
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipEffect(function () {
-        var newValue = callback ? callback(state) : state;
-        if (!equal$1(valueRef.current, newValue)) {
-            valueRef.current = newValue;
-            _setValue(newValue);
-        }
-    }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
+}function useAutoForceUpdate(interval) {
+    var _a = react.useState(0), setTick = _a[1];
+    react.useEffect(function () {
+        var tm = setInterval(function () {
+            setTick(function (old) {
+                return old + 1;
             });
-        }
-        else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
-        }
-        valueRef.current = finalNewValue;
-        return finalNewValue;
-    }, [callback]);
-    return [valueRef, _value, setValue];
-}
-/********************************************************************************************************************
- * equal
- * ******************************************************************************************************************/
-function equal$1(v1, v2) {
-    if (v1 === v2)
-        return true;
-    if (typeof v1 !== typeof v2)
-        return false;
-    if (v1 == null || v2 == null)
-        return false;
-    if (typeof v1 === 'object' && typeof v2 === 'object') {
-        return JSON.stringify(v1) === JSON.stringify(v2);
+        }, interval);
+        return function () {
+            clearInterval(tm);
+        };
+    }, [interval]);
+}function clearIntervalRef(ref) {
+    if (ref.current) {
+        clearInterval(ref.current);
+        ref.current = undefined;
     }
-    else {
-        return v1 === v2;
+}function clearTimeoutRef(ref) {
+    if (ref.current) {
+        clearTimeout(ref.current);
+        ref.current = undefined;
     }
-}// 구현부
-function useAutoUpdateLayoutRefState(state, callback) {
-    var valueRef = react.useRef(callback ? callback(state) : state);
-    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
-        var newValue = callback ? callback(state) : state;
-        if (!equal(valueRef.current, newValue)) {
-            valueRef.current = newValue;
-            _setValue(newValue);
-        }
-    }, [state]);
-    var setValue = react.useCallback(function (newValue, skipCallback) {
-        var finalNewValue = newValue;
-        if (typeof finalNewValue === 'function') {
-            _setValue(function (prev) {
-                finalNewValue = finalNewValue(prev);
-                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-                return finalNewValue;
-            });
+}function useIntervalRef() {
+    var ref = react.useRef(undefined);
+    react.useEffect(function () {
+        return function () {
+            clearIntervalRef(ref);
+        };
+    }, []);
+    var setIntervalFunc = react.useCallback(function (callback, ms) {
+        clearIntervalRef(ref);
+        ref.current = setInterval(function () {
+            callback(ref);
+        }, ms);
+    }, []);
+    return [ref, setIntervalFunc];
+}function useTimeoutRef() {
+    var ref = react.useRef(undefined);
+    react.useEffect(function () {
+        return function () {
+            clearTimeoutRef(ref);
+        };
+    }, []);
+    var setTimeoutFunc = react.useCallback(function (callback, ms) {
+        clearTimeoutRef(ref);
+        ref.current = setTimeout(function () {
+            ref.current = undefined;
+            callback();
+        }, ms);
+    }, []);
+    return [ref, setTimeoutFunc];
+}function useForceUpdate(delayMilliseconds) {
+    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
+    var _b = react.useState(0), setValue = _b[1];
+    return react.useCallback(function (delay) {
+        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
+            setDelayTimeout(function () {
+                setValue(function (old) { return old + 1; });
+            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
-            _setValue(finalNewValue);
+            setValue(function (old) { return old + 1; });
         }
-        valueRef.current = finalNewValue;
-        return finalNewValue;
-    }, [callback]);
-    return [valueRef, _value, setValue];
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [delayMilliseconds]);
 }
 /********************************************************************************************************************
- * equal
+ * ifUndefined
  * ******************************************************************************************************************/
-function equal(v1, v2) {
-    if (v1 === v2)
-        return true;
-    if (typeof v1 !== typeof v2)
-        return false;
-    if (v1 == null || v2 == null)
-        return false;
-    if (typeof v1 === 'object' && typeof v2 === 'object') {
-        return JSON.stringify(v1) === JSON.stringify(v2);
-    }
-    else {
-        return v1 === v2;
-    }
+function ifUndefined(v, v2) {
+    return v === undefined ? v2 : v;
 }function useForwardLayoutRef(ref, value, onSet, onUnset) {
     react.useLayoutEffect(function () {
         onSet === null || onSet === void 0 ? void 0 : onSet(value);
@@ -200,102 +138,132 @@ function equal(v1, v2) {
             }
         };
     }, [onSet, onUnset, ref, value]);
-}function useAutoUpdateRef(value) {
+}function useMountedRef(initialValue) {
+    if (initialValue === void 0) { initialValue = true; }
+    var isMountedRef = react.useRef(initialValue);
+    react.useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    return isMountedRef;
+}function useLayoutPerformance(name) {
+    var beginTime = performance.now();
+    react.useLayoutEffect(function () {
+        console.log('Layout Performance', '-', name, performance.now() - beginTime);
+    });
+}function usePerformance(name) {
+    var beginTime = performance.now();
+    react.useEffect(function () {
+        console.log('Performance', '-', name, performance.now() - beginTime);
+    });
+}function useAutoUpdateLayoutRef(value) {
     var valueRef = react.useRef(value);
     var _a = react.useState(0), setUpdateValue = _a[1];
-    useFirstSkipEffect(function () {
+    useFirstSkipLayoutEffect(function () {
         valueRef.current = value;
         setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
-}function useAutoUpdateLayoutRef(value) {
+}function useAutoUpdateRef(value) {
     var valueRef = react.useRef(value);
     var _a = react.useState(0), setUpdateValue = _a[1];
-    useFirstSkipLayoutEffect(function () {
+    useFirstSkipEffect(function () {
         valueRef.current = value;
         setUpdateValue(function (prev) { return prev + 1; });
     }, [value]);
     return valueRef;
-}function usePerformance(name) {
-    var beginTime = performance.now();
-    react.useEffect(function () {
-        console.log('Performance', '-', name, performance.now() - beginTime);
-    });
-}function useLayoutPerformance(name) {
-    var beginTime = performance.now();
-    react.useLayoutEffect(function () {
-        console.log('Layout Performance', '-', name, performance.now() - beginTime);
-    });
-}function useAutoForceUpdate(interval) {
-    var _a = react.useState(0), setTick = _a[1];
-    react.useEffect(function () {
-        var tm = setInterval(function () {
-            setTick(function (old) {
-                return old + 1;
+}// 구현부
+function useAutoUpdateRefState(state, callback) {
+    var valueRef = react.useRef(callback ? callback(state) : state);
+    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
+    useFirstSkipEffect(function () {
+        var newValue = callback ? callback(state) : state;
+        if (!equal(valueRef.current, newValue)) {
+            valueRef.current = newValue;
+            _setValue(newValue);
+        }
+    }, [state]);
+    var setValue = react.useCallback(function (newValue, skipCallback) {
+        var finalNewValue = newValue;
+        if (typeof finalNewValue === 'function') {
+            _setValue(function (prev) {
+                finalNewValue = finalNewValue(prev);
+                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+                return finalNewValue;
             });
-        }, interval);
-        return function () {
-            clearInterval(tm);
-        };
-    }, [interval]);
-}function clearTimeoutRef(ref) {
-    if (ref.current) {
-        clearTimeout(ref.current);
-        ref.current = undefined;
-    }
-}function useTimeoutRef() {
-    var ref = react.useRef(undefined);
-    react.useEffect(function () {
-        return function () {
-            clearTimeoutRef(ref);
-        };
-    }, []);
-    var setTimeoutFunc = react.useCallback(function (callback, ms) {
-        clearTimeoutRef(ref);
-        ref.current = setTimeout(function () {
-            ref.current = undefined;
-            callback();
-        }, ms);
-    }, []);
-    return [ref, setTimeoutFunc];
-}function useForceUpdate(delayMilliseconds) {
-    var _a = useTimeoutRef(), setDelayTimeout = _a[1];
-    var _b = react.useState(0), setValue = _b[1];
-    return react.useCallback(function (delay) {
-        if (ifUndefined(delay, delayMilliseconds) !== undefined) {
-            setDelayTimeout(function () {
-                setValue(function (old) { return old + 1; });
-            }, ifUndefined(delay, delayMilliseconds));
         }
         else {
-            setValue(function (old) { return old + 1; });
+            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+            _setValue(finalNewValue);
         }
-    }, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [delayMilliseconds]);
+        valueRef.current = finalNewValue;
+        return finalNewValue;
+    }, [callback]);
+    return [valueRef, _value, setValue];
 }
 /********************************************************************************************************************
- * ifUndefined
+ * equal
  * ******************************************************************************************************************/
-function ifUndefined(v, v2) {
-    return v === undefined ? v2 : v;
-}function clearIntervalRef(ref) {
-    if (ref.current) {
-        clearInterval(ref.current);
-        ref.current = undefined;
+function equal(v1, v2) {
+    if (v1 === v2)
+        return true;
+    if (typeof v1 !== typeof v2)
+        return false;
+    if (v1 == null || v2 == null)
+        return false;
+    if (typeof v1 === 'object' && typeof v2 === 'object') {
+        return JSON.stringify(v1) === JSON.stringify(v2);
     }
-}function useIntervalRef() {
-    var ref = react.useRef(undefined);
-    react.useEffect(function () {
-        return function () {
-            clearIntervalRef(ref);
-        };
+    else {
+        return v1 === v2;
+    }
+}// 구현부
+function useAutoUpdateState(state, callback) {
+    var _a = react.useState(function () { return (callback ? callback(state) : state); }), _value = _a[0], _setValue = _a[1];
+    useFirstSkipEffect(function () {
+        _setValue(callback ? callback(state) : state);
+    }, [state]);
+    var setValue = react.useCallback(function (newValue, skipCallback) {
+        var finalNewValue = newValue;
+        if (typeof finalNewValue === 'function') {
+            _setValue(function (prev) {
+                finalNewValue = finalNewValue(prev);
+                finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+                return finalNewValue;
+            });
+        }
+        else {
+            finalNewValue = !skipCallback && callback ? callback(finalNewValue) : finalNewValue;
+            _setValue(finalNewValue);
+        }
+        return finalNewValue;
+    }, [callback]);
+    return [_value, setValue];
+}function useRefState(initialState) {
+    var _a = react.useState(initialState), _value = _a[0], _setValue = _a[1];
+    var valueRef = react.useRef(_value);
+    var setValue = react.useCallback(function (value) {
+        if (typeof value === 'function') {
+            _setValue(function (prev) {
+                var finalValue = value(prev);
+                valueRef.current = finalValue;
+                return finalValue;
+            });
+        }
+        else {
+            valueRef.current = value;
+            _setValue(value);
+        }
     }, []);
-    var setIntervalFunc = react.useCallback(function (callback, ms) {
-        clearIntervalRef(ref);
-        ref.current = setInterval(function () {
-            callback(ref);
-        }, ms);
+    return [valueRef, _value, setValue];
+}function useSafeUpdate() {
+    var mountedRef = useMountedRef();
+    return react.useCallback(function (callback) {
+        if (mountedRef.current) {
+            callback();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return [ref, setIntervalFunc];
-}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateLayoutRefState=useAutoUpdateLayoutRefState;exports.useAutoUpdateLayoutState=useAutoUpdateLayoutState;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardLayoutRef=useForwardLayoutRef;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.usePerformance=usePerformance;exports.useTimeoutRef=useTimeoutRef;
+}exports.clearIntervalRef=clearIntervalRef;exports.clearTimeoutRef=clearTimeoutRef;exports.useAutoForceUpdate=useAutoForceUpdate;exports.useAutoUpdateLayoutRef=useAutoUpdateLayoutRef;exports.useAutoUpdateRef=useAutoUpdateRef;exports.useAutoUpdateRefState=useAutoUpdateRefState;exports.useAutoUpdateState=useAutoUpdateState;exports.useFirstSkipEffect=useFirstSkipEffect;exports.useFirstSkipLayoutEffect=useFirstSkipLayoutEffect;exports.useForceUpdate=useForceUpdate;exports.useForwardLayoutRef=useForwardLayoutRef;exports.useForwardRef=useForwardRef;exports.useIntervalRef=useIntervalRef;exports.useLayoutPerformance=useLayoutPerformance;exports.useMountedRef=useMountedRef;exports.usePerformance=usePerformance;exports.useRefState=useRefState;exports.useSafeUpdate=useSafeUpdate;exports.useTimeoutRef=useTimeoutRef;

package/dist/mount/index.d.ts

@@ -0,0 +1 @@
+export * from './useMountedRef';

package/dist/mount/useMountedRef.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useMountedRef(initialValue?: boolean): RefObject<boolean>;

package/dist/performance/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLayoutPerformance';
+export * from './usePerformance';

package/dist/{useLayoutPerformance.d.ts → performance/useLayoutPerformance.d.ts}

@@ -1,2 +1 @@
 export declare function useLayoutPerformance(name: string): void;
-export default useLayoutPerformance;

package/dist/{usePerformance.d.ts → performance/usePerformance.d.ts}

@@ -1,2 +1 @@
 export declare function usePerformance(name: string): void;
-export default usePerformance;

package/dist/ref/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useAutoUpdateLayoutRef';
+export * from './useAutoUpdateRef';

package/dist/{useAutoUpdateLayoutRef.d.ts → ref/useAutoUpdateLayoutRef.d.ts}

@@ -1,3 +1,2 @@
 import { RefObject } from 'react';
 export declare function useAutoUpdateLayoutRef<T>(value: T): RefObject<T>;
-export default useAutoUpdateLayoutRef;

package/dist/{useAutoUpdateRef.d.ts → ref/useAutoUpdateRef.d.ts}

@@ -1,3 +1,2 @@
 import { RefObject } from 'react';
 export declare function useAutoUpdateRef<T>(value: T): RefObject<T>;
-export default useAutoUpdateRef;

package/dist/state/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useAutoUpdateRefState';
+export * from './useAutoUpdateState';
+export * from './useRefState';
+export * from './useSafeState';

package/dist/{useAutoUpdateRefState.d.ts → state/useAutoUpdateRefState.d.ts}

@@ -6,4 +6,3 @@ export declare function useAutoUpdateRefState<T = never, StateT = never>(state:
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
-export default useAutoUpdateRefState;

package/dist/{useAutoUpdateState.d.ts → state/useAutoUpdateState.d.ts}

@@ -5,4 +5,3 @@ export declare function useAutoUpdateState<T = never, StateT = never>(state: Exc
     T extends never ? StateT : T,
     (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
 ];
-export default useAutoUpdateState;

package/dist/state/useRefState.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, RefObject, SetStateAction } from 'react';
+export declare function useRefState<S>(initialState: S | (() => S)): [RefObject<S>, S, Dispatch<SetStateAction<S>>];
+export declare function useRefState<S = undefined>(): [
+    RefObject<S | undefined>,
+    S | undefined,
+    Dispatch<SetStateAction<S | undefined>>
+];

package/dist/state/useSafeState.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/{clearIntervalRef.d.ts → timeoutInterval/clearIntervalRef.d.ts}

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare function clearIntervalRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
-export default clearIntervalRef;

package/dist/{clearTimeoutRef.d.ts → timeoutInterval/clearTimeoutRef.d.ts}

@@ -1,3 +1,2 @@
 import React from 'react';
 export declare function clearTimeoutRef(ref: React.RefObject<NodeJS.Timeout | undefined>): void;
-export default clearTimeoutRef;

package/dist/timeoutInterval/index.d.ts

@@ -0,0 +1,4 @@
+export * from './clearIntervalRef';
+export * from './clearTimeoutRef';
+export * from './useIntervalRef';
+export * from './useTimeoutRef';

package/dist/{useIntervalRef.d.ts → timeoutInterval/useIntervalRef.d.ts}

@@ -4,4 +4,3 @@ export type UseIntervalReturnValue = [
     (callback: (ref: React.RefObject<NodeJS.Timeout | undefined>) => void, ms?: number) => void
 ];
 export declare function useIntervalRef(): UseIntervalReturnValue;
-export default useIntervalRef;

package/dist/{useTimeoutRef.d.ts → timeoutInterval/useTimeoutRef.d.ts}

@@ -4,4 +4,3 @@ export type UseTimeoutReturnValue = [
     (callback: (args: void) => void, ms?: number) => void
 ];
 export declare function useTimeoutRef(): UseTimeoutReturnValue;
-export default useTimeoutRef;

package/dist/update/index.d.ts

@@ -0,0 +1 @@
+export * from './useSafeUpdate';

package/dist/update/useSafeUpdate.d.ts

@@ -0,0 +1 @@
+export declare function useSafeUpdate(): (callback: () => void) => void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pdg/react-hook",
   "title": "React Hook",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "React Hook",
   "type": "module",
   "types": "dist/index.d.ts",

package/dist/useAutoUpdateLayoutRefState.d.ts

@@ -1,9 +0,0 @@
-import { RefObject, SetStateAction } from 'react';
-export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>): [RefObject<T>, T, (value: SetStateAction<T>) => T];
-export declare function useAutoUpdateLayoutRefState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [RefObject<T>, T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
-export declare function useAutoUpdateLayoutRefState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
-    RefObject<T extends never ? StateT : T>,
-    T extends never ? StateT : T,
-    (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
-];
-export default useAutoUpdateLayoutRefState;

package/dist/useAutoUpdateLayoutState.d.ts

@@ -1,8 +0,0 @@
-import { SetStateAction } from 'react';
-export declare function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>): [T, (value: SetStateAction<T>) => T];
-export declare function useAutoUpdateLayoutState<T>(state: Exclude<T, (...args: any[]) => any>, callback: (state: T) => T): [T, (value: SetStateAction<T>, skipCallback?: boolean) => T];
-export declare function useAutoUpdateLayoutState<T = never, StateT = never>(state: Exclude<StateT, (...args: any[]) => any>, callback: (state: T | StateT) => T extends never ? StateT : T): [
-    T extends never ? StateT : T,
-    (value: SetStateAction<T | StateT>, skipCallback?: boolean) => T extends never ? StateT : T
-];
-export default useAutoUpdateLayoutState;