Try using apiRef to dynamically change data in the table, without rerendering.

https://mui.com/x/react-data-grid/api-object/

function browser({params}) {
  const apiRef = useGridApiRef();

  return (
    <div>
      <Button 
          onClick={() => apiRef.current.setRows([{ id: 1, name: 'John' }])}
      >
          Add row
      </Button>
      <DataGrid columns={columns} apiRef={apiRef} {...other} />
    </div>
  );
}