confirm모달 기존에 useModal의 confirm모달을 사용하면 좋을 것 같습니다.

디자인 요구사항이 달라 커스텀이 필요한 경우는 추가적으로 props를 확장하는 방향으로 가는게 좋을 것 같아요!

confirm 모달 재사용해봤습니다.

작성해 주신 방법 처럼 isNotice을 사용해서 특정상황에 맞춰서 커스텀 하는 방식도 좋습니다!!

추가적으로 다음과 같은 방법도 있으니 참고 하시면 좋을 것 같습니다!

import { Modal, ModalProps } from 'antd';

interface SegamModalProps extends ModalProps {
 ~~~
}

기본적으로 저희가 antd 라이브러리의 컴포넌트를 사용하고 있기 때문에 해당 props 타입을 extend로 확장하게 되면 해당 타입을 따로 정의하지 않고 가져올 수 있는데요!

다음 방식을 사용하면 confirmModal에 대해서 notice라는 의존성을 분리할 수 있어 재사용성이 늘어나는 효과를 볼 수 있습니다:)

각 방식에 장단점에 대해서는 한번 고민해보시면 좋을 것 같아요!!

useEffect 부분을 분리하는 것도 좋은 아이디어 같습니다..
dismissCheck !== id, seenCheck !== id, !seenCheck && !dismissCheck 3가지로 useEffect 부 내부의 로직이 나뉘는 것 같은데요, noticeModal 선언부가 useEffect 안에 들어가 있어서 로직 따라가기가 힘들어 보여요

저였으면 외부에

const showNoticeModal = useCallback(() => {
    Modal.confirm({
      title: <h3 className="f20 mb-4 font-bold text-text_primary">{title}</h3>,
      content: <p className="f16 font-medium text-text_primary">{content}</p>,
      footer:  ....

선언하고 useEffect 부분 로직을 깔끔하게 가져갈 것 같습니다.