antd 임포트 이후 에러입니다

import { UpCircleOutlined } from "@ant-design/icons";
import styled from '@emotion/styled'
import { MouseEvent } from "react";
import { useState } from "react";
const MyIcon = styled(UpCircleOutlined)`
    color: red;
    font-size: 130px;
`

export default function LibaryIconPage(): JSX.Element {

    const [ count, setCount] = useState(0)
    const onClickDelete = (event: MouseEvent<HTMLDivElement>): void => {
        console.log(event.currentTarget.id)
        setCount(count + 1)
        console.log(count)
    }
    return (
        <div id="삭제" onClick={onClickDelete}>
            <MyIcon />;
        </div>
    )
}

MyIcon에서 위와 같은 오류가 뜹니다!