Создание нового аудио элемента для каждого элемента в массиве?

Question

Не совсем уверен, что я здесь делаю неправильно - подумал, что было бы довольно просто создать массив файлов аудиоисточников в аудиоэлементы с соответствующим источником на каждом индексе в массиве

Аудио данные

//audio
import Maj1 from "./sounds/Guitar_Chords_-_A_major_1.mp3"
import Maj2 from "./sounds/Guitar_Chords_-_B_major_1.mp3"
import Maj3 from "./sounds/Guitar_Chords_-_C_major_1.mp3"
import Maj4 from "./sounds/Guitar_Chords_-_D_major_1.mp3"
import Maj5 from "./sounds/Guitar_Chords_-_E_major_1.mp3"
import Maj6 from "./sounds/Guitar_Chords_-_F_major_1.mp3"
import Maj7 from "./sounds/Guitar_Chords_-_G_major_1.mp3"

// console.log(Maj1) 
const chordsArray = [Maj1, Maj2, Maj3, Maj4, Maj5, Maj6, Maj7]
console.log(chordsArray)

Затем я попытался с помощью нескольких различных реализаций циклов создать новый аудиоэлемент для каждого из этих

 chordsArray.forEach(chord => new Audio(chord))

или

for (const chord of chordsArray){
    new Audio(chord)
}

console.log(chordsArray)

Тем не менее, массивостается неизменным каждый раз, когда я регистрирую его на консоли. До цикла и после него chordArray просто регистрирует

["/static/media/Guitar_Chords_-_A_major_1.ca041471.mp3", "/static/media/Guitar_Chords_-_B_major_1.c1dec9e3.mp3", "/static/media/Guitar_Chords_-_C_major_1.53f15357.mp3", "/static/media/Guitar_Chords_-_D_major_1.ac2499ea.mp3", "/static/media/Guitar_Chords_-_E_major_1.c2f26ec1.mp3", "/static/media/Guitar_Chords_-_F_major_1.851a10ae.mp3", "/static/media/Guitar_Chords_-_G_major_1.a1f4fc25.mp3"] 

, а не массив аудиоэлементов и их соответствующих источников

Как я могу создать массив аудиоэлементов? Я хочу, чтобы пользователь мог щелкнуть букву и услышать звук для того аккорда, который был нажат