Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render.

함수 호출을 잘 못 했을때 발생한다.

문제 예제)

import { Layout } from '../Component'

export function Main(){
 
 const Bar = () => {
   return (
      <div>
          App bar
      </div>
   )
 }
 
  return(
    // <Layout Bar={Bar} /> // 문제 코드
    <Layout Bar={<Bar>} /> // 정상 코드
    ...
  )
 }

Bar의 선언이 잘못되어 발생했다. 함수 선언이 제대로 되어있느닞 확인해보자