functions are not valid as a react child 에러

오늘은 개인플젝을 진행중에 하나의 에러를 발견했다.
이런 실수를 하지 않기 위해 작성을 한다.

functions are not valid as a react child...

이 구문으로 시작되는 에러인데,
렌더링 되어야 하는데 실행이 되지 않아서 나오는 에러이다.

예시코드

function App(){
	const Hello = () => {
    	...
    }
  return(
    	...
      {Hello}
      ...
    )
}

이런식으로 작성했을 때 발생한다.

return문 안에서 실행해야할 함수를 Hello -> Hello() 로 변경한다

실수는 할 수 있지만 줄이고, 에러를 보고 바로 해결할 수 있는 사람이 되자!