미니 프로제트에서 map의 요소를 왜 찾지 못하는지 모르겠습니다

import React from "react"; import styled from "styled-components"; import CommentListItem from "./CommentListItem"; const Wrapper = styled.div` display: flex; flex-direction: column; align-item: flex-start; justify-content: center; & > * { :not(:last-child){ margin-bottom: 16px; } } `; function CommentList(props){ const { comments } = props; return ( {comments && comments.map((comment, index) => { return })} ); } export default CommentList;위와 같이 수정하여 고쳤습니다.data가 불러들는 것보다 브라우저에서 파일을 읽는 것이 빠라서 발생한 오류라고 해서 위와 같은 해결 방법을 사용했습니다.질문에 답변해주셔서 감사합니다:)