#баг дня

Вчера вечером коллега пришла с проблемой: бесконечная загрузка на паре проектов. И если на одном проекте подобное казалось логичным — он сильно зависит от платформы — то для второго это уже был перебор.

Попробовал повторить проблему, воссоздал все условия — не вышло. Утром взял её ноутбук и сел отлаживать.

Ни одной ошибки в консоли нет. На вкладке Network тоже всё чисто...

...подозрительно чисто.

Полез в дебаггер и обнаружил, что хуки загрузки данных, основанные на React Query, не вызываются вообще. Ни разу.

Сетевые операции без React Query работают прекрасно — приложение состоит их микрофронтендов, какие-то из них легаси, какие-то нет.

Я начинаю подозревать браузер, отключаю все расширения и разрешаю все куки (мало ли). Нет, не помогает.

И тут коллега сообщает, что в Safari всё прекрасно работает.

Отчаявшись понять, что происходит, я вбил в гугл банальный запрос вида: "react query not working in chrome"

И нахожу золото.

Я понимаю, что к этому моменту уже мог вас утомить, но попробуйте понять происходящее. Это слишком хорошо.

1. Google Chrome на macOS неверно определяет состояние сети и поднимает флаг "офлайн" на navigator.onLine.
2. React-Query считывает этот флаг и ставит все ваши запросы на паузу. Без уведомлений, без ошибок. Молча.

Всё, вы в ловушке.

Как исправить? Передёрнуть wi-fi на ноутбуке. Я щас не шучу даже.

Проблеме в Chrome 7 лет! Создатели React-Query знали об этой проблеме и ничего не сделали!

Они исправили поведение на "всегда считать, что мы онлайн" только в 5 версии своего продукта, которая ломает совместимость!

Не могу передать свою злость и, одновременно, восхищение глупостью бага. И наглостью разработчиков, конечно же.

Я ничем кроме как "горе от ума" это описать не могу. React-Query в принципе делает слишком много спорных настроек по-умолчанию, но после этого случая мы буквально пересмотрим своё решение по альтернативам.