다른 부분에서 오류가 안나는데 {post.map 부분이 계속 오류가 납니다.

Question

-das import React , { FunctionComponent } from ' react ' import styled from ' @emotion/styled ' import PostItem from ' components/Main/PostItem ' import { PostListItemType } from ' types/PostItem.types ' export type PostType = { node : { id : string frontmatter : { title : string summary : string date : string categories : string [] thumbnail : { publicURL : string } } } } type PostListProps = { posts : PostListItemType [] } const PostListWrapper = styled . div ` display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; width: 768px; margin: 0 auto; padding: 50px 0 100px; @media (max-width: 768px) { grid-template-columns: 1fr; width: 100%; padding: 50px 20px; } ` const PostList : FunctionComponent < PostListProps > = function ({ posts }) { return ( < PostListWrapper > { posts . map ( ( { node : { id , frontmatter }, } : PostType) => ( < PostItem { ... frontmatter } link = " https://www.google.co.kr/ " key = { id } /> ) , ) } ) } export default PostList 색칠한 부분이 Argument of type '({ node: { id, frontmatter }, }: PostType) => JSX.Element' is not assignable to parameter of type '(value: PostListItemType, index: number, array: PostListItemType[]) => Element'. Types of parameters '__0' and 'value' are incompatible. Type 'PostListItemType' is not assignable to type 'PostType'. The types of 'node.frontmatter.thumbnail' are incompatible between these types. Property 'publicURL' is missing in type '{ childImageSharp: { gatsbyImageData: IGatsbyImageData; }; }' but required in type '{ publicURL: string; }'. 이런 에러를 띄웁니다... 계속 처음부터 따라해봤는데 요부분만 해결이 안되요...

hwangcc10185997 · Answer

https://github.com/madmanforces/blog 혹시몰라서 깃허브 링크 남겨놓습니다!