Stale cache date with SSR

[mauriceackel]

Hey folks,

I have the following scenario: My NextJS project uses SSR to query some data and populate the fallback data as described in the docs. On the client, the fallback data is then passed to the SWRConfig component.

When I'm in dev mode, I'm running into the following case:

1. I reload my page
2. getServerSideProps gets the most recent data from the DB and populates the fallback
3. Client receives the server-side rendered page with the most recent data (based on the fallback)
4. useSWR hook tries to update data on the client
5. useSWR hook has a cache hit => This cached data is now older than the data in the fallback, i.e. the data computed on the server
6. browser flashes the old content for a millisecond, then falls back to the cached data

I don't know if I'm doing something wrong but right now, the only way to then resolve this and get the most recent data is to manually clear my browser's cache.

Is there support to automatically invalidate the client cache if page is rendered server-side with the most up-to-date value to prevent this regression to older data?