Tengo algo como esto:

 const someComponent = (props) => { var list = []; for (var i = 0; i < 10; i++) { list.push( <button onClick={() => props.handleClick(i)} > {i} </button> ) } i=7; return ( {list} ) }

entonces todos los botones tendrán la función handleClick llamada con i=7, en lugar del valor en bucle 0,1,2, etc., ¿qué estoy haciendo mal?