<pre style="box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; padding: 16px; -webkit-font-smoothing: auto; font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; background-color: #f6f8fa; color: #454545; font-size: 13.6px; overflow: auto; overflow-wrap: normal; line-height: 1.45; border-radius: 3px;">const BackgroundImage = styled((props: GatsbyImgProps) =&gt; (
 &lt;Img {...props} style={{ position: 'absolute' }} /&gt;
))`</pre>
위 코드에서 Img {...props}가 아니라 GatsbyImage가 맞는것 아닌지 문의 드립니다. Img가 defined 되지 않았다고 뜨네요.
&nbsp;
&nbsp;

안녕하세요, Pumpkin-man님!
확인해보니 GatsbyImage 컴포넌트를 사용하는 것이 올바른 코드입니다.
강의 업데이트 과정에서 빠진 부분이 있었네요 ㅠㅠ 강의 수강 중 불편함 드려 죄송합니다.
해당 부분은 바로 수정 진행하겠습니다! 잘못된 부분 지적해주셔서 감사합니다 :)

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

const BackgroundImage 질문