data에 utility type으로 명시할 때 문제

안녕하세요! joka님!

강의와는 다르게 작동하는 경우는 대부분 버전 관련 문제일 가능성이 높아요!

문제 원인과 해결 방법에 대해 말씀드리면,

1)문제원인: defaultValue="" 부분에는 undefined, null 등의 값이 들어갈 수 없다고 하네요!
이러한 상황아래, writer가 없을 때 defaultValue={data.fetchBoard.writer} 는 defaultValue={undefined}가 되기 때문에 문제가 발생하는 것 같아요!
2)해결방안: writer가 없는 상황(null, undefined 등)이라면, 기본값으로 빈 문자열("") 등을 넣어주시면 될 것 같아요! (널리쉬 코알레싱(?? 연산자)을 사용하시면 쉽게 해결이 될 것 같아요!)

3)해결코드: defaultValue={data?.fetchBoard.writer ?? ""}
이를 해석하면, data?.fetchBoard.writer 부분이 null 또는 undefined일 때는 빈문자열("") 넣어줘! 라는 뜻이에요!