[TIL] 20230825 - typescript '{ created_at: string; id: string; matching: boolean | null;...}' 형식에 'filter' 속성이 없습니다.

'{ created_at: string; id: string; matching: boolean | null; status: string | null; tutor_id: string | null; user_id: string | null; }' 형식에 'filter' 속성이 없습니다.

비동기 방식때문에

데이터가 불려오기전에 렌더링되기때문에!!!

에러가 먼저뜨고 다음번 렌더링 시에 제대로 불러온다.

  if (!tutor || !review) {
    return null;
  }

이렇게 넣어주면 오류해결

 

또는 배열과 단일의 경우 오류도 타입맞추기가 힘들다

 const matching = match.match || [];
  console.log(matching);

  // 받은 요청 내역
  const matchingData = Array.isArray(matching) ? matching : [matching];
  const matchList = matchingData.filter((item: Tables<'matching'>) => item.tutor_id === user!.id);

이렇게 배열일경우와 단일일경우의 케이스를 추가해주면 오류 해결 !