Cannot invoke an object which is possibly 'undefined'.ts(2722) (feat : useInfinitequery, fetchNextPage)

※ react-infinite-scroller 라이브러리사용
※ tanstack/react-query

props를 넘겨주는 index.tsx

props를 넘겨받는 RecipeList.tsx

type도 () => void로 잘 선언해줬는데

(parameter) fetchNextPage: (() => void) | undefined
Cannot invoke an object which is possibly 'undefined'.ts(2722)

라는 에러가 떴다.

---

해결방법 : 옵셔널체이닝(?.) 사용

TS에서는 '정의되지 않을' 가능성이 있는 개체를 호출할 수 없다고 한다.

옵셔널체이닝을 썼더니 에러메세지가 사라졌다.

참조 : https://bobbyhadz.com/blog/typescript-cannot-invoke-an-object-which-is-possibly-undefined