React useStorage localStorage hook

useStorage.ts

export function useStorage<T>(key: string)
{
    function getKey()
    {
        const data = localStorage.getItem(key);

        if (!data)
        {
            return;
        }

        // "as T" used instead of "<T>". React throws a warning if "<T>" is used.
        return JSON.parse(data) as T;
    }

    function setKey(body: T)
    {
        localStorage.setItem(key, JSON.stringify(body));
    }

    function deleteKey()
    {
        localStorage.removeItem(key);
    }

    return {
        getKey,
        setKey,
        deleteKey
    };
}