[React] Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js 해결

개츠비 개발 도중 발생한 에러

 

나의 경우는 

1. 대문자로 시작하지 않음

2. export default를 작성하지 않음.

 

이 두 가지가 문제였다.

 

1. const test 는 const Test 와 같이 작성되어야 한다.

const test = () => { //에러
    return (
        <>
        <div>This is a test page!</div>
        </>
    )
}



----------------------------------------
// 올바른 코드

const Test = () => { 
    return (
        <>
        <div>This is a test page!</div>
        </>
    )
}

 

2. 위 코드에서는 export default가 없다.

아래와 같이 수정해야 한다.

const Test = () => {
    return (
        <>
        <div>This is a test page!</div>
        </>
    )
}

export default Test

------------------------------------------
// 혹은 

export default () => {
    return (
        <>
        <div>This is a test page!</div>
        </>
    )
}