antd DatePicker 삽질기: TypeError: t.weekday is not a function

현재 프로젝트에서 antd의 DatePicker를 사용 중에 있다.

근데 자꾸 TypeError: t.weekday is not a function 에러가 뜨는 것이다.

defaultValue, value 가 지정되어있으면 에러가 뜨길래

우리 똑똑한 chatGPT한테 물어봤다.

 

사실 맨 처음부터 좋은 대답을 해주진 않았다.

moment 또는 date 객체를 쓰라느니 뭐라느니...

 

그래서 써봤다.

근데 문제는 RnagePicker에서 타입 추론이 day.js 를 사용하라고 떴다.

node_modules/antd/es/date-picker/index.d.ts

아니나 다를까 노드 모듈에 그냥 Dayjs가 박혀있었다.

 

대체 우리 ChatGPT는 뭐란 말인가....

 

ChatGPT에게 불만을 가지고서 열심히 질문을 다시 하기 시작했다.

 

여러 번 삽질 끝에 드디어 단서가 되는 답변이 나왔다.

언뜻 보면 이게 무슨 말인고 싶었다.

업그레이드를 해봐도 똑같았다.

그냥 써도 자동완성에 뜨지 않는 걸 보아 문제가 있다고 판단해 구글링을 해봤다.

결국 찾아냈다.

weekday는 플러그인이란다.

코드도 찾아왔다.

import weekday from "dayjs/plugin/weekday";
import dayjs from "dayjs";
import localeData from "dayjs/plugin/localeData";

dayjs.extend(weekday);
dayjs.extend(localeData);

이렇게 지정해주면 더 이상 DatePicker가 함수 없다고 오류를 안 내게 된다.

 

진짜 이럴 줄은 몰랐지...