ローカリゼーションのために next-i18next パッケージを使用して、react+next プロジェクトに取り組んでいます。
Chrome と FF の両方で断続的に発生しているようで、next-i18next パッケージ自体に関連しているように見える問題に気付きました。ページが最初に読み込まれると、ページが 2 回レンダリングされることがあります。これは、クライアント側でのみ発生しているようです (新しい GET 要求を作成しません)。他の誰かがこれに遭遇しましたか？
これは、 next-i18next パッケージにある単純な例を複製し、任意のページのメイン コンポーネント (例では Homepage および SecondPage コンポーネント) に console.log を挿入することで再現できます。通常、ページを数回 (私の場合は 10 回未満) ハード リフレッシュするだけで、クライアント側で console.log が 2 回表示されます。このような場合、サーバーはログ メッセージを 1 つだけ表示しますが、クライアントはログ メッセージを 2 回表示します。
これは、dev モードと prod モードの両方でも発生するようです。ただし、prod モードの FF では、リロードのたびに二重レンダリングが発生します。
何かご意見は？
ありがとう。