tsx 파일에 적용하려 할 때 에러가 뜹니다.

[minji0345]

안녕하세요! 깃헙 정말 잘 봤습니다. 감사합니다:)
질문 하나 드리고 싶은데,
저 훅파일을 만들고 tsx파일에서 사용하려고 하니

div에 적용했을 때 아래와 같은 에러가 뜹니다. 혹시 에러 해결방법을 질문 드려도 될까요..? ㅜㅜ
(property) JSX.IntrinsicElements.div: React.DetailedHTMLProps<React.HTMLAttributes, HTMLDivElement>
Type '{ children: Element[]; ref: MutableRefObject; style: { opacity: number; transform: string | undefined; }; className: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes, HTMLDivElement>'.
Type '{ children: Element[]; ref: MutableRefObject; style: { opacity: number; transform: string | undefined; }; className: string; }' is not assignable to type 'ClassAttributes'.
Types of property 'ref' are incompatible.
Type 'MutableRefObject' is not assignable to type 'LegacyRef | undefined'.
Type 'MutableRefObject' is not assignable to type 'RefObject'.