mazeof-react/hooks/UsePreferences/index.ts

some goods for your react

import { Cookies, SetCookie } from "../cookiesTypes";

export const usePreferences = (cookies:Cookies,setCookie:SetCookie,cookiesKey:string) => {

    const setPreferences = (key: string, newValue: any) => {
        // 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 }
}