React-snap испортил JSX во время сборки

Question

Я хочу лучшую поисковую систему для проекта, который я начал с CRA. Поэтому я решил использовать ответную оснастку. Проект развернут на Netlify.

Перед использованием react-snap все работало нормально. И, конечно, все работает так, как должно в разработке. Но при развертывании я получил другой результат - не работает правильно, и я не получаю никаких ошибок или предупреждений.

index.js выглядит так, как будто react-snap описание

const rootElement = document.getElementById("root");
if (rootElement.hasChildNodes()) {
  hydrate(<App />, rootElement);
} else {
  render(<App />, rootElement);
}

serviceWorker.unregister();

Ошибка в том, что jsx не работает и сайт загружается намного медленнее, используя react-snap, Вот код, который работает в разработке, а не при развертывании

{window.innerWidth > 960 ? (
  <h1>More than 960 px</h1>
) : (
  <h1>Less than 960 px</h1>
)}

Независимо от размера окна, при его развертывании будет отображаться значение "Менее 960 пикселей". Если я нажму на подстраницу и вернусь на страницу индекса, она будет правильно отображать "Более 960 пикселей".

Бег "build": "react-scripts build && react-snap"

Как это может быть? Спасибо!

Кто-нибудь работал с Reaction-Snap при использовании пользовательских хуков? Это как его государства, которые не работают