ra-core/dist/store/useStore.js

Core components of react-admin, a frontend Framework for building admin applications on top of REST services, using ES6, React

import { useState, useEffect } from 'react';
import isEqual from 'lodash/isEqual.js';
import { useEvent } from "../util/index.js";
import { useStoreContext } from "./useStoreContext.js";
function useStore(key, defaultValue) {
    const { getItem, setItem, subscribe } = useStoreContext();
    const [value, setValue] = useState(() => getItem(key, defaultValue));
    // subscribe to changes on this key, and change the state when they happen
    useEffect(() => {
        const storedValue = getItem(key, defaultValue);
        if (!isEqual(value, storedValue)) {
            setValue(storedValue);
        }
        const unsubscribe = subscribe(key, newValue => {
            setValue(typeof newValue === 'undefined' ? defaultValue : newValue);
        });
        return () => unsubscribe();
    }, [key, subscribe, defaultValue, getItem, value]);
    const set = useEvent((valueParam, runtimeDefaultValue) => {
        const newValue = typeof valueParam === 'function' ? valueParam(value) : valueParam;
        // we only set the value in the Store;
        // the value in the local state will be updated
        // by the useEffect during the next render
        setItem(key, typeof newValue === 'undefined'
            ? typeof runtimeDefaultValue === 'undefined'
                ? defaultValue
                : runtimeDefaultValue
            : newValue);
    });
    return [value, set];
}
export { useStore };
//# sourceMappingURL=useStore.js.map