useSWRInfinite mutation

[tomaszczura]

Hey! I have a question about using useSWRInfinite and mutating its state outside of a component. Take a look on my page draft:

There are three components:

• Main user's list (red border) - CompA
• Current user's title (green border) - CompB
• User's friends list (blue border) - CompC

All of them uses different requests to get data. CompA and CompB use useSWRInfinite to load their data, since there may be a lot of users. But they use different cache keys and different requests. Now, imagine I edit user's User B name in CompC (blue border) and save it as User BB. My question is - how can I update this user's name in all places? I found two problems here:

• I can't use bound mutate without arguments (mutate()) in CompC to fetch fresh data from the server, because it updates only the first page from useSWRInfinite. I have to pass the new state to mutate and use mutate(newUsers, false).
• In CompA I do not know the exact cache key (user may not be in first page), so I can't use imported mutate.

Currently we use swr-mutate-many library for this, so we have to know just a part of cache key and can pass updated state (e.g. mutateMany('*users*', newUsers)). But is this the correct way of doing that? Do you have any existing solutions or you plan to implement something to make mutations in useSWRInfinite easier?