Hook for mange cookie with universal-cookie lib

useCookie.ts

import { useState } from "react";
import Cookies, { CookieSetOptions, Cookie } from "universal-cookie";

export const useCookie = (key: string) => {
    const cookies = new Cookies();

    const [value, setValue] = useState(() => {
        if (Boolean(cookies.get(key))) {
            return cookies.get(key);
        }
        return null;
    });

    const handleSetValue = (value: Cookie, options: CookieSetOptions) => {
        setValue(value);
        cookies.set(key, value, options);
    };

    const handleRemoveValue = (options: CookieSetOptions) => cookies.remove(key, options);

    return [value, handleSetValue, handleRemoveValue];
};