[React] 'children' is missing in props validation

 

 

 

 

 

<BasicButton>메인</BasicButton>

export const BasicButton = (props) => {
  return (
    <PageTitle>
      <h2>{props.children}</h2>
    </PageTitle>
  );
};

버튼 컴포넌트에서 children을 받아오지 못하고 오류를 내뿜었다.

 

error : 'children' is missing in props validation

 

해결 방법

.eslintrc.cjs

rules에 "react/prop-types" : "off"를 추가해주면 오류가 사라진다.

  rules: {
    "react/prop-types": "off",
  }