Cannot re-initialize scatter for a second time with the extension version

I know the extension version is not recommended using any longer, but something wrong when trying to re-initialize scatter for a better network connection.

    "eosjs": "^16.0.9",
    "scatterjs-core": "^2.7.14",
    "scatterjs-plugin-eosjs": "^1.5.1"

const network = [{...}, {...}]

const initScatter = index => {
  console.log('init start');
  ScatterJS.scatter.connect('APP_NAME').then(connected => {
    console.log('something wrong here');
    if (!connected) {
      return false;
    }
    ScatterJS.scatter.eos(network[index], Eos);
    return true;
  });
};

initScatter(0)

document.getElementById('networkIndexSelection').addEventListener('change', e => {
  const index = e.currentTarget.value;
  document.getElementById('networkIndex').innerHTML = index;
  initScatter(index);
});

when I tried to change the index to re-initialize the scatter, occurs Extension.js:1 Uncaught (in promise) TypeError: Cannot read property 'get' of undefined

Ony with the EXTENSION version.

https://github.com/edwardfhsiao/scatter-test-repo

npm i

then

npm run server

0.0.0.0:3000

[edwardfxiao]

Okay, now I understand. Thank you @nsjames

[nsjames]

const network = [{...}, {...}]

let connected = false;
let eos;
ScatterJS.scatter.connect('APP_NAME').then(c=> {
    connected = c;
    if (!connected) {
      return false;
    }

    initScatter(0);
});

const initScatter = index => {

    eos = ScatterJS.scatter.eos(network[index], Eos);
    return true;
};

document.getElementById('networkIndexSelection').addEventListener('change', e => {
  const index = e.currentTarget.value;
  document.getElementById('networkIndex').innerHTML = index;
  initScatter(index);
});