리액트 이슈들을 탐색하던 중 이런 글을 발견했다.

> Bug: cache API Not Caching Functions with Object Parameter

내용을 살펴보면 cache API 사용 시 객체를 인자값으로 받으면 정상적으로 캐싱이 실행되지 않는다고 한다.

순간 자바스크립트 객체의 특징 중 하나인 "참조에 의한 저장"을 떠올렸다. 마침 글쓴이도 객체가 아닌 일반 인자는 정상 동작한다고 하였다.

이 가설을 가지고 cache 리액트 문서를 찾아보니 예상이 틀리지 않았다.

> If your arguments are not primitives (ex. objects, functions, arrays), ensure you’re passing the same object reference.

객체를 인자로 받으려면 동일한 참조값을 넘기라는 뜻. 이를 해결하기 위해 해당 객체를 변수로 선언하여 인자로 넣으라고 해결책까지 댓글로 작성해주었다.

리액트 담당자로부터 1따봉을 받고 해당 이슈는 처리 완료되었다.

https://github.com/facebook/react/issues/31390