Почему в примере React не используется вызов Asyn c для получения json запрошенной страницы

Question

Я следую этим руководствам: https://github.com/adobe/aem-sample-we-retail-journal

Здесь все дочерние страницы JSON хранятся в INITIAL_STATE id.

https://github.com/adobe/aem-sample-we-retail-journal/blob/master/react-app/src/index.js#L34

  document.addEventListener('DOMContentLoaded', () => {
let jsonScript = document.getElementById("__INITIAL_STATE__");
let initialState = null;
if (jsonScript) {
    initialState = JSON.parse(jsonScript.innerText);
    // Remove the script element from the DOM
    jsonScript.remove();
}

Я хочу знать, почему это делается таким образом, может кто-нибудь объяснить?

А что, если Я перехожу по разным ссылкам, а затем щелкаю каждую ссылку, если я вызываю модель json этой страницы через Asyn c fetch, а затем соответственно устанавливаю INITIAL_STATE id. Какая проблема в таком подходе?