使用するモジュールの一部にwindow依存関係があるため、サーバー上でアプリの一部をレンダリングできません。ただし、サーバーから送信されるコンテンツは、最初にクライアントでレンダリングされるコンテンツと同じである必要があります。そうでない場合、「React はコンテナーで再利用マークアップを使用しようとしましたが、チェックサムが無効でした」という警告が表示されます。
いくつかの回避策を実行し、サーバーからコンテンツをレンダリングしてから、コンポーネントがマウントされた後、クライアントのみの部分をレンダリングする必要があるようです。here で説明されている同様の問題。
これが最善の解決策だと思いますが、AirBnB の eslint は、状態の変更componentDiMountが良くないというエラーをスローします。
もっと良いアイデアはありますか？