hooks-me/lib/cjs/hooks/useStorage.js

<div align="center"> <h1>hooks-me</h1> <div>React useful hooks.</div>

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useSessionStorage = exports.useLocalStorage = void 0;
var react_1 = require("react");
var useLocalStorage = function (key, defaultValue) {
    return useStorage(key, defaultValue, window.localStorage);
};
exports.useLocalStorage = useLocalStorage;
var useSessionStorage = function (key, defaultValue) {
    return useStorage(key, defaultValue, window.sessionStorage);
};
exports.useSessionStorage = useSessionStorage;
var useStorage = function (key, defaultValue, storageObject) {
    var _a = (0, react_1.useState)(function () {
        var jsonValue = storageObject.getItem(key);
        if (jsonValue != null) {
            try {
                return JSON.parse(jsonValue);
            }
            catch (_a) {
                return jsonValue;
            }
        }
        return defaultValue;
    }), value = _a[0], setValue = _a[1];
    (0, react_1.useEffect)(function () {
        if (!value) {
            return storageObject.removeItem(key);
        }
        storageObject.setItem(key, JSON.stringify(value));
    }, [key, value, storageObject]);
    var remove = (0, react_1.useCallback)(function () {
        setValue(undefined);
    }, []);
    return [value, setValue, remove];
};
exports.default = useStorage;