Очень странный, поэтому, если кто-нибудь сможет пролить на него свет, я буду впечатлен.
Хорошо
Когда я использую <h1 /> внутри компонента и собираю сервер с npm run dev, все будет работать как положено.
Я могу заменить h1 на <Query /> компонент из react-apollo, приложение корректно перезагружается, и я получаю данные, как и должен.
Bad
Однако, если я перезагружаю сервер вручную или с изменением файла /server. Он просто будет висеть бесконечно.
return (
<Query query={query}>
{({ loading, data, error, refetch }) => {
return (
<Layout>
<p>Admin</p>
<button onClick={getAllDetails}>Get All French Data</button>
</Layout>
)
}}
</Query>
)
Могу предположить, что apollo настроен правильно, так как работает без сброса сервера.
Есть идеи, почему он может висеть со свежим свежим и использовать <Query />?