How to change audio source in Web audio APi

i want to be able to change the audio source in Web Audio Api.

const AudioContext = window.AudioContext || window.webkitAudioContext;
const audioContext = new AudioContext();
const listener = audioContext.listener;
let audioElement = document.getElementById('fire-source');
let audioSource = audioContext.createMediaElementSource(audioElement);

const pannerNode = audioContext.createPanner();
audioSource.connect(pannerNode);
pannerNode.connect(audioContext.destination);

I was trying to create a function to change the audio file, but an error message appears

function audioSelector() {
    const a = document.getElementById("audio-select").value;
    let b = a+'-source';
    console.log(b)
    let selected_audio = document.getElementById(a+'-source');
     const newAudioSource = audioContext.createMediaElementSource(selected_audio);
    newAudioSource.buffer = audioSource;
     newAudioSource.connect(audioContext.destination);
}

This is the error code :

script.js:129 Uncaught DOMException: Failed to execute ‘createMediaElementSource’ on ‘AudioContext’: HTMLMediaElement already connected previously to a different MediaElementSourceNode.