Contexto
Na home e na página de busca, a detecção de mobile usa typeof window !== "undefined" && window.innerWidth < 768. Isso não é reativo (não responde a resize) e pode causar hydration mismatch no Next.js.
O que precisa ser feito
Substituir por useMediaQuery do MUI, que já é dependência do projeto.
Arquivos envolvidos
src/app/(public)/page.tsxsrc/app/(public)/search/page.tsx
Referência
Contexto
Na home e na página de busca, a detecção de mobile usa
typeof window !== "undefined" && window.innerWidth < 768. Isso não é reativo (não responde a resize) e pode causar hydration mismatch no Next.js.O que precisa ser feito
Substituir por
useMediaQuerydo MUI, que já é dependência do projeto.Arquivos envolvidos
src/app/(public)/page.tsxsrc/app/(public)/search/page.tsxReferência