Вот ты закомментировал вот этот блок: https://github.com/linklib/pivo-moscow/blob/eea51e0c4e4f90b708845b5cffb54c132b7cda4e/src/pages/Beer/index.tsx#L71-L156
А меж тем там есть вот такой комментарий:
/**
* Важно, чтобы все переменные запроса серверные и фронтовые совпадали,
* иначе при рендеринге не будут получены данные из кеша и рендер будет пустой.
*/
Как я и рассказывал, реакт не умеет в асинхронность. Он не умеет дожидаться результатов Ajax-запросов и выполняется сразу, даже если данных нет. Собственно, это и происходит в твоем случае.
А для того, чтобы данные можно было дождаться на стороне сервера, в next-js как раз и имеются методы типа getInitialProps, чтобы можно было прописать подгрузку данных с ожиданием, и только после этого перейти непосредственно к отрисовке реакта.
Смотри, как это сделано, к примеру, на странице задачи: https://github.com/freecode-academy/freecode.academy/blob/7551c12be55642d471d1f7ff747c77d09ff3b3d2/src/pages/Tasks/Task/index.tsx#L58-L74
Если не справишься, маякни, отправлю ПР.