Mi objetivo es agregar un botón de opción personalizado para permitir que el usuario seleccione una fila. por el momento tengo

 const Cell = (cellProps) => { const { data, node, api } = cellProps const selectedRow = () => { let { isChecked } = data let radioButtonLabel = '' const newRowData =[] api.forEachNode((currNode) => { const currRowData = currNode.data if (id === currNode.data.id) { currRowData.isChecked = true radioButtonLabel = currNode.data.name } newRowData.push(currRowData) }) api.setRowData(newRowData) }}

Entonces, el problema es que cuando el usuario selecciona un botón de radio de una fila en la parte inferior de mi tabla, actualiza la cuadrícula (creo que setRowData activa una actualización) y el usuario tiene que desplazarse hasta la parte inferior de la tabla para ver su selección . Quiero poder detener la actualización cuando el usuario selecciona el botón de opción, pero no estoy seguro de cómo se puede implementar eso con AG-Grid.