estoy usando swapi api para obtener datos del planeta starwars

este es el codigo:

 var data = []; let url = 'https://swapi.boom.dev/api/planets/'; for (let i = 0; i < 10; i++){ let fetched = fetch(url).then(response => response.json()) .then(json => json.results) .then(results => data.push(results[i].name)) }

cuando ejecuto console.log(data) devuelve esta matriz:

ahora cuando trato de usar sus datos y ejecuto console.log(data[0]) devuelve undefined

que debo hacer