nextjs unhandle 에러에 slice 등이 undefined 정의된 변수에 의해 작동하지 않는 오류

  if (myInfoData.birth) {
    console.log(myInfoData.birth.substr(0, 4));
  } else {
    null;
  }

초기값(useState 빈값으로 설정) 해 놓은 값이 있을경우 발생하는데, input 입력값에 초기값이 빈값으로 들어감으로 화면출력시

들어오는 값이 undefined임으로 slice 가 출력되지 않는다.

이럴경우 해당데이터가 있을경우 if 문을 더해야한다.