createfiberfromtypeandprops 에러

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는 모두 강의에 나온 그대로 설정하였습니다.