const cachedArticle = useMemo(
() =>
params.articleId
? queryClient.getQueryData<Article>(['article', params.articleId])
: null,
[params.articleId, queryClient],
);
const [title, setTitle] = useState(cachedArticle?.title ?? ''); // 초기값을 이렇게 할 수도 있구나
const [body, setBody] = useState(cachedArticle?.body ?? '');
서버에서 가져온 캐싱된 데이터를 사용해서 useState의 초기값으로 넣어 줄 수 있다
useEffect안에서 setState를 이용해서 초기값도 설정해주곤 했는데 이렇게 해주는 것이 가독성이 더 좋은 것 같다