Me enfrento al problema, cuando entro en la fila de la tabla, todos los botones de edición se desplazan juntos, lo que no quiero. Solo quiero desplazar solo ese botón de edición en particular de esa tabla de filas.
const [showActionId, setShowActionId] = useState(''); //Returning the jsx in TableBody <TableRow key={row.email} hover className={classes.tableRow} component={Link} to={`${ROUTE_USERS}/${row._id}`} onMouseEnter={() => { setShowActionId(row.id); }} onMouseLeave={() => setShowActionId('')} > // Button here which have to hover when mouseenter on table row <TableCellButton align='center'> <Link to={`${ROUTE_USERS}/${row._id}`}> <Button className={classes.button} size='small' color='default'> {row.id === showActionId ? 'Hover' : ''} <IconEdit /> </Button> </Link> </TableCellButton>