0822

react-select: debounce feature won't be part of itself https://github.com/JedWatson/react-select/pull/3254

AsyncSelect에서 loadOptions 함수를 구현하면 스펙 상 API 호출을 loadOptions 안에서 직접 해야해서 Tanstack Query를 못쓴다 = 드롭다운 셀이 렌더링될 때마다 검색 API를 찌르게 됨 = 렌더링 과부하 문제 그렇다고 Tanstack Query의 쿼리훅함수를 쓰자니 loadOptions 안에 집어넣을 수가 없어서(커스텀 훅은 조건부적으로 호출할 수 없다) AsyncSelect를 버리고 Select의 options 상태를 useEffect로 호출할 때마다 업데이트해주는 로직으로 돌리면 렌더링 과부하 문제는 해결되지만 입력한 searchText 대로 검색 API 호출 및 렌더가 매끄럽게 되지 않는다 + options가 이전 검색 결과를 바라보게 돼서