Estoy tratando de obtener datos del elemento al pasar el mouse con reactjs, pero cuando la función comienza, div se desplaza hacia arriba, ¿alguien tuvo un problema similar?

Usé onMouseOver y onMouseEnter, traté de guardar el valor actual de scrollTop, pero tiene fallas.

Mi ejemplo de código, en primer lugar, pensé que había un problema con la representación de div con datos, pero incluso cuando está en posición, se produce un error absoluto.

 const ListConteinder = () => { return ( <div id="filtered-list"> {filteredPosts.sort((a, b) => (a.name > b.name) ? 1 : -1).map((val, key) => { return ( <label id={val.ID} key={key} className="disable-select list-wrapper list-item" htmlFor={"list-item-" + val.ID} onMouseOver={(e) => {setDataID(e.target.id); showDetail(true)}} onMouseLeave={() => showDetail(false)}> <input type="checkbox" className="list-cb visually-hidden" name={val.ID} id={"list-item-" + val.ID} onChange={e => {setIsShown(false); handleChange(e)}}></input> {val.name} </label> ) })} </div> )};