Swr data is not shared between components.

[nmateo]

2.0.0-rc3
So i have a hooks called usePasswordLost() that is as is:

import useSWRMutation from 'swr/mutation';

export const usePasswordLost = () => {

    async function fetcher(url, { arg }) {
        let res = await fetch(url, {
            method: 'POST',
            header: { "Content-Type": "application/json" },
            body: JSON.stringify(arg)
        })
        if (!res.ok) {
            const error = new Error('Status not in range 200-299');

            error.info = JSON.stringify(res);
            error.status = res.status;
            throw error;
        }
        return res.json();
    }

    const { trigger, data: forgetData, error } = useSWRMutation("https://api.waeve.fr/user/v1/password/forget",
        fetcher,
        { throwOnError: false, populateCache: true }
    );

    const abstractTrigger = (args) => {
        trigger(args);
    }

    return { abstractTrigger, forgetData, error };
}

And i use it in two separate components, under the same SWR config, when i trigger it in one component, i except the data to be usable in another component as well, but it doesnt work, it stays undefined, here is my config:

    const swrConfig = {
        use: [keepMiddleware],
        refreshInterval: 0,
        revalidateOnReconnect: true,
        revalidateOnFocus: true,
        revalidateOnMount: true,
        provider: () => new Map(),
        onError: (err, key, config) => {
            console.log("SWR ERROR: " + key + " " + err.status + " " + err.info);
        },
        onSuccess: (data, key) => {
            console.log("SWR SUCCESS: " + JSON.stringify(key));
        },
        onErrorRetry: async (error, key, config, revalidate, { retryCount }) => {

            if (key.includes('user/v1/token') ||
                key.includes('user/v1/refresh_token')) {
                return;
            }

            if (error.status === 401 && error.info.includes("invalid_token") && isRefreshing === false) {
                setRefreshing(true);
                console.log("SWR 401 INVALID TOKEN: " + JSON.stringify(key));
                try {
                    await doRefresh(dispatch);
                } catch (err) {
                    console.log(err);
                }
                setRefreshing(false);
            } else {
                return;
            }

            if (retryCount >= 3) return

            setTimeout(() => revalidate({ retryCount }), 3000)
        }
    };

any help would be appreciated

[juhaelee]

I have a similar question: If I update a key in the cache using populateCache in one component - would the intended behavior that every other component that calls useSWR for that same key be re-rendered with the updated cache after it's been updated?