State Management · Senior · Question 38 of 75

How do you pass server-fetched data to SWR so the first client render has it?

✓Correct answer: Provide it as fallback in <SWRConfig> keyed by the same key (or fallbackData per hook)
2Write it into localStorage on the server
3Call mutate in useEffect after mount

Explanation

<SWRConfig value={{ fallback: { '/api/user': user } }}> makes useSWR('/api/user') return data immediately; SWR still revalidates according to its options.

How do you pass server-fetched data to SWR so the first client render has it?

Explanation

Further reading

Problem with a question

Test yourself