С эволюцией экосистемы React, особенно с переходом Next.js к подходу "server-first", приложения, использующие решения CSS-in-JS, такие как Emotion и styled-components, сталкиваются с серьезными проблемами. Эти библиотеки - CSS-in-JS по своей природе несовместимы с новой парадигмой React.
Хотя можно предположить, что эти библиотеки могут быть доработаны для соответствия новому подходу, важно помнить, что они поддерживаются волонтерами и ждать от них полной переработки, чтобы адаптировать их к изменениям в React — это сложная и, возможно, нереалистичная задача.
Давайте рассмотрим, почему некоторые решения CSS-in-JS не могут работать в новом серверном мире, а затем познакомимся с библотекой CSS-in-JS - Linaria, которая использует практически идентичный со styled-components API.
Слушай, прикольно. упустил немного этот момент и не думал про такую проблему с styled-components в Next =) спасибо!