Hello everyone!

I'd like to inquire about the general sentiment regarding the utilization of libraries such as SWR / React Query in Next.js App Router applications. While I'm aware that it's possible to create async components and fetch data directly on the server side, our team is accustomed to using SWR / React Query and would like to persist with these libraries.

Is this still considered acceptable, or is it no longer recommended?

This is particularly relevant given that libraries like SWR provide convenient methods for refreshing data on demand, as demonstrated in the following code snippet:

// Example of using SWR to refresh data on demand
const { data, error, mutate } = useSWR('api/data', fetchDataFunction);

// Trigger a manual refresh
const handleRefresh = () => {
  mutate();
};

I'm still learning about how best to handle such scenarios with App Router. Any insights or recommendations on this matter would be greatly appreciated!