[TS] cannot invoke an object which is possibly 'undefined'.

// 컴포넌트
setHeart((prev) => !prev);
// 에러~~~~~~~
setFeeds((prev: MainFeedStateType[]) => {
  const newData = [...prev].map((feedData) => {
    return feedData.id === id
      ? {
          ...feedData,
          count_likes: feedData.count_likes,
          is_liked: feedData.is_liked,
        }
      : { ...feedData };
  });
  return newData;
});

// 타입
export interface FeedProps {
  ...
  setFeeds?: (prev: MainFeedStateType[]) => void;
}

cannot invoke an object which is possibly 'undefined'.

---

이유

넘겨주는 props 타입을 옵셔널로 정해주면 undefined가 들어오기도 하므로 옵셔널을 빼줘서 해결했다.

// 타입
export interface FeedProps {
  ...
  setFeeds: (prev: MainFeedStateType[]) => void;
}

 

참고