[react] Property ‘addEventListener‘ does not exist on type ‘never‘

problem

react hook模式，使用useRef，设置click事件监听

const parentRef = useRef(null);
useEffect(()=>{
    parentRef.current?.addEventListener('click',()=>{
        console.log(`parentRef`)
    },false)
}, [])

<div style={parentStyle} ref={parentRef}>
    <div>parent</div>
    <div style={childStyle} ref={childRef}>child</div>
</div>

error

报错： Property ‘addEventListener’ does not exist on type ‘never’

solution

const parentRef = useRef(null);
// 改为
const parentRef = useRef<HTMLInputElement>(null);