minh-custom-hooks-release/dist/esm/hooks/useLocalStorage.js

Đây là custom hooks được viết bởi hoanggminh2702, bao gồm:

import { useCallback, useLayoutEffect, useState } from 'react';
export default function useLocalStorage(key) {
    // if (!global?.window?.localStorage) throw new Error('Must be used on client!')
    var _a = useState(function () {
        var _a;
        var getDataFromStorage = ((_a = window === null || window === void 0 ? void 0 : window.global) === null || _a === void 0 ? void 0 : _a.localStorage) ? global.window.localStorage.getItem(key) : null;
        return getDataFromStorage;
    }), data = _a[0], setData = _a[1];
    var handleSetData = useCallback(function (data) {
        setData(function (prev) { return (data !== prev ? data : prev); });
        global.window.localStorage.setItem(key, data);
    }, [key]);
    var handleResetData = useCallback(function () {
        setData(null);
        global.window.localStorage.removeItem(key);
    }, [key]);
    var handleLocalStorageChange = useCallback(function (ev) {
        ev.newValue !== ev.oldValue && setData(function (prev) { return (prev !== ev.newValue ? ev.newValue : prev); });
    }, []);
    useLayoutEffect(function () {
        window.addEventListener('storage', handleLocalStorageChange);
        return function () {
            window.removeEventListener('storage', handleLocalStorageChange);
        };
    }, [handleLocalStorageChange]);
    return [data, handleSetData, handleResetData];
}
//# sourceMappingURL=useLocalStorage.js.map