lagData.ts
4 years ago
useDebounce.ts
4 years ago
useDebouncedEventHandler.ts
4 years ago
useFallbackAsInitial.ts
4 years ago
useResetPage.ts
4 years ago
useUniqueId.ts
4 years ago
useFallbackAsInitial.ts
25 lines
| 1 | import { useRef, useEffect } from 'react' |
| 2 | |
| 3 | // use fallbackData as the initial data on component mount, instead of default data whenever there's a cache miss |
| 4 | // adapted from https://viralganatra.com/how-to-fix-swr-to-work%20correctly-with-initialData-or-fallbackData/ |
| 5 | |
| 6 | export default function useFallbackAsInitial(useSWRNext) { |
| 7 | return (key, fetcher, config) => { |
| 8 | |
| 9 | const hasMounted = useRef(false); |
| 10 | |
| 11 | useEffect(() => { |
| 12 | hasMounted.current = true; |
| 13 | }, []); |
| 14 | |
| 15 | // Actual SWR hook. |
| 16 | const swr = useSWRNext(key, fetcher, { |
| 17 | ...config, |
| 18 | fallbackData: hasMounted.current ? undefined : config?.fallbackData, |
| 19 | revalidateOnMount: hasMounted.current && config?.fallbackData, |
| 20 | }); |
| 21 | |
| 22 | return swr; |
| 23 | } |
| 24 | } |
| 25 |