В чём ошибка JSON.parse при обновлении страницы?

Question

[Hellas]

Есть код:

if (typeof window !== 'undefined') {
  const globalData = JSON.parse(document.querySelector('#globalData').text)

  ReactDOM.hydrate(<Header globalData={globalData}></Header>, document.querySelector('#app'))
}

сам скрипт -

<script id="globalData" type="application/json">...</script>

располагается после body. Создаётся на стороне сервера.

При быстром обновлении страницы(F5) консоль выдаёт ошибку -
или -

Comments

[Lynn «Кофеман»]

Вангую, что ваш код находится до тега script id="globalData" и, соответственно, выполняется раньше чем появляются данные.

[Hellas]

Алексей Тен, да, в этом и была проблема.

Answer 1

[Максим Костюкевич]

Насколько можно судить Ваш скрипт просто не успевает получить данные со страницы так как дерево DOM еще не сформировано, думаю нужно просто скрипт обернуть в проверку загрузки страницы.