mazeof-react/dist/hooks/UsePreferences/index.js

some goods for your react

export const usePreferences = (cookies, setCookie, cookiesKey) => {
    const setPreferences = (key, newValue) => {
        // fetching already existing preferences or creating new if not
        const preferences = !!cookies[cookiesKey] ? { ...cookies[cookiesKey] } : {};
        // setting a new value for set key preferences
        preferences[key] = newValue;
        // updating cookies preferences
        setCookie(cookiesKey, preferences);
    };
    return { setPreferences };
};