Javascript/Errors

react-datepicker의 input영역을 클릭 시 자식 element가 하나 더 생기면서 flex 영역이 찌그러지는 현상을 겪었다Container > 수량, 달력과 같은 구조였고, container의 css는 대략 아래와 같았다.container { display : flex; justify-content: center; column-gap: 10px;}input영역 클릭 시 width: 0;임에도 불구하고 자식 엘리먼트가 하나 생기기 때문에 column-gap이 하나 더 추가로 생기기 때문에 아래와 같은 형상이 벌어지는 것이었다(react-datepicker__tab-loop 생성)이를 해결하기 위해 떠오른 방법은 column-gap이 아닌 수량 엘리먼트에 margin-right: 10px..

forwardRef를 사용하는 중 다음과 같은 에러가 발생했다# forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?이는 eslint에서 잡아주는 에러로 코드에는 아무런 문제가 없다하지만 디버깅을 하는 입장에서는 조금 다를 수 있다리엑트는 기본적으로 컴포넌트 함수명을 displayName에 넣어주는데, forwardRef를 쓰면 해당 컴포넌트는 이름을 잃는다따라서 에러가 발생했을 때 inspector에서 파일명이 아니라 *.bundle.js와 같이 웹팩에서 만들어 놓은 번들 파일을 띄워줄 수도 있다는 얘기다따라서 이 경우 displayName을 명시적으로..