Next.js/MongoDB(express) ユーザ情報を取得できない

【教えてもらいたいこと】
プログラミング/フルスタック

【具体的な相談内容】
下記リポジトリ
https://github.com/KaiDevMain/ReadingCommunity.git

構成
MongoDB/express/socketを使用しチャットのリアルタイム反映及びDB保存をしています。
チャット機能でユーザの情報が"リロード時"に取得できない(依存関係などにより空にされている？)ので改善したいです。

チャット機能でチャット送信時にログインしている「ユーザーの名前」/「ユーザーの画像」/「送信時間」が表示されます。
しかし、リロードすると、名前と画像だけ消えてしまいます。
MongoDBに情報は保存されていますので、送信時の保存は問題ないです。
リロード時に再取得(リロード時に再取得毎回必要だったか否か知識が曖昧...)ができていないか、依存関係により空にされているのかなと踏んでいます。
送信時の時間やメッセージは消えないので、 messagesオブジェクト周りは色々変えてみたのですが、解決できませんでした。

また、本件ローカル環境の時は問題なく動いていたのですが、Vercelへのデプロイに合わせて諸々コードを変えたところ不具合が生じました。
ですので、まずは、ローカルでの解決をしていただき、その後Vercelでも問題ないか少し見てもらいたいです。

---内訳---
こちらの解決及び解説
+Vercelへのデプロイサポートで
3000円お支払い致します。

宜しくお願いいたいます。
【目安予算】
3000円