keepPreviousData
from useQueryのOptions
v5でplaceholderDataを使うようになった
https://tanstack.com/query/v5/docs/framework/react/guides/migrating-to-v5#removed-keeppreviousdata-in-favor-of-placeholderdata-identity-function
import { keepPreviousData } from '@tanstack/react-query';
同名の関数が提供されるようになった
trueにすると、keyが変わって新しいdataをfetchしている間に
前回のdataを表示し続ける
通常(false)の場合は、fetch中はundefinedになっている
例えば、useQueryでpagenationを作る際のUXの向上として使える
これをtrueにすると、isLoadingの挙動が少し変わるなmrsekut.icon
2ページ目をfetchしている間は、isLoadingはtrueにならない
代わりに、isPreviousDataを使えばいい