rev={undefined}

강사님 안녕하세요~!
섹션 35강 실습에서 아래와 같이 입력하면 강사님과 달리 <MyIcon />에 에러가 발생하는데요,

import { UpCircleOutlined } from "@ant-design/icons";
import styled from "@emotion/styled";

const MyIcon = styled(UpCircleOutlined)`
  color: red;
  font-size: 50px;
`;

export default function LibraryIconPage(): JSX.Element {
  return <MyIcon/>
}

1. 아래와 같이 <MyIcon>에 rev={undefined}를 추가하면 빨간줄이 사라집니다. 구글링을 해봐도 모르겠어서요ㅜ 이유를 알려주실 수 있을까요?

export default function LibraryIconPage(): JSX.Element {
  return <MyIcon rev={undefined}>
}

2. 그리고 아래 폴더 구조와 같이 .husky 폴더와 .next 폴더를 최상위에 둬도 괜찮은가요?

package.json이 있는 곳에서 설치한건데, section 폴더 안으로 이동해야 하는지, 어느 위치에 두어야하는지 잘모르겠습니다. 현재 이 위치에서는 작동에 이상은 없는거 같은데 .vscode 파일이 최상단에 없을시에 작동하지 않을 수 있다고 하셨던 것 같아서요. 

3. 코드에 아래와 같은 문제가 발생하는데 혹시 밑줄을 없애는 방법이 있을까요? 무시해도 되는걸까요?