[React] 18버전 컴포넌트 props 매개변수 기본값 warning

Support for defaultProps will be removed from function components in a future major release. Use JavaScript default parameters instead. Error Component Stack

 

 

17버전에서 사용되던 방식

export const NavigationLine = ({ className }) => {
	return <hr className={classNames('navigation-line', className)} />;
};

NavigationLine.defaultProps = {
	className: null,
};

 

18버전 부터 경고 뜨고 19버전에 없어질수도 있는 방식이라 변경하는게 좋을 듯

 

변경 방식 (최신 권장 방식)

export const NavigationLine = ({ className = null }) => {
	return <hr className={classNames('navigation-line', className)} />;
};