React Pattern：當遇到 Hydration Mismatch 的處理方案

Note: 本文並不包含 什麼是 Hydration 。 問題 如果你有寫過 Next.js 或是任意的 SSR, SSG 方案 ( 包含 vue )，你可能有遇過下圖的錯誤訊息。 或是 這類型錯誤被稱作 Hydration Mismatch Error，這也是很多工程師從純粹 Client-Side Render ( 像是 CRA ) 轉戰 Server-Side Render 遇到的其中一個痛點。 即便他暫時沒有影響應用程式的正常運作，也千萬不要無視這個問題，尤其在真正的產品開發專...