createfiberfromtypeandprops 에러

다음과 같은 에러가 납니다

```

Error in function createFiberFromTypeAndProps in ./node_modules/react-dom/cjs/react-dom.development.js:25058

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you m₩

ight have mixed up default and named imports. Check the render method of `IndexPage`.

```

index page 파일은 다음과 같습니다.

import React, { FunctionComponent } from 'react'

import Text from 'components/Text'

const IndexPage: FunctionComponent = function () {
  return (
    <div>
      <Text text="Home" />
    </div>
  )
}
export default IndexPage

별다른 에러는 없어 보이는데 왜일까요?

develop 명령어 실행시에 이런 콘솔창에 에러는 아니지만 이런 경고가 뜹니다.

```

warn ./src/pages/info.tsx

Attempted import error: 'components/Text' does not contain a default export (imported as 'Text').

```

gatsby-config.js와

gatsby-node.js는 모두 강의에 나온 그대로 설정하였습니다.

인프런 커뮤니티 질문&답변