타입스크립트 문의 드립니

[호놀룰루]

안녕하세요 개인 프로젝트 진행 중 타입스크립트 에러를 도저히 해결할 수 없어서 문의 드립니다. 
수업관련 질문은 아니지만 답 주시면 감사하겠습니다. 

image 배열의 0번째 요소 값이 없으면 <NodataImg />를 보여주고, 값 있으면 그 이미지 보여줘
이런식으로 코드를 짰는데,  개체가 'null' 또는 'undefined'인 것 같습니다.ts(2533) 에러가 발생합니다. 실제 작동은 이상 없습니다.

타입지정은 이렇게 작성했습니다. 
type Maybe<T> = T | null
images?: Maybe<Array<Scalars['String']>> | null;


질문은 배열 요소 각각 타입 지정이 가능한지? 아니면 타입스크립트에서 null을 처리하는 다른 방법이 있는지 궁금합니다.

<s.ImageBigWrapper>
      ⬇️ ts 에러 발생 부분
   {props.data?.images[0] === "" ? (
       <s.NodataImg>
           <s.CustomError />
       </s.NodataImg>
     ) : ( <s.ImageBig src={`https://storage.googleapis.com/${props.data?.images[0]}`}/>)}
</s.ImageBigWrapper>

[codingapple]

array에서 없는자료 뽑으면 "" 말고 undefined가 나옵니다

[글쓴이]

글