مشكلة اتصال ب Socket ب Next.js NestJS

السلام عليكم،

أواجه مشكلة في نظام Realtime Notifications باستخدام NestJS + Socket.IO + React (Next.js) ولم أتمكن من معرفة سببها.

وصف المشكلة

اتصال الـ Socket يتم بنجاح.

المستخدم يُضاف إلى قائمة onlineUsers.

عند إنشاء إشعار يتم استدعاء NotificationGateway.sendNotification().

يتم العثور على الـ Socket الصحيح للمستخدم.

يتم تنفيذ emit("receive-notification") بدون أي أخطاء.

سجلات السيرفر تؤكد ذلك:

Socket Connected: ... Online Users: [...] FOUND SOCKETS = [...] EMIT TO ...

لكن في الواجهة الأمامية لا يتم استقبال حدث:

receive-notification

ولا يتم تنفيذ:

socket.on("receive-notification", ...)

الملفات التي أحتاج مراجعتها

Frontend

useNotification.ts

socket/socket.ts

useNotificationStore.ts

useAuthStore.ts

Backend

notification.gateway.ts

socket.adapter.ts

notification.service.ts

main.ts (خصوصًا تسجيل الـ WebSocket Adapter بواسطة app.useWebSocketAdapter(...))

ما تم التحقق منه

الاتصال بالـ Socket ناجح.

الـ Cookies تصل إلى الـ Socket Adapter.

socket.data.user يتم تعبئته.

المستخدم يُخزن داخل onlineUsers.

sendNotification() يُستدعى.

server.to(socketId).emit(...) يُنفذ.

لكن الحدث لا يصل إلى React، لذلك أحتاج المساعدة في معرفة سبب عدم استقبال حدث receive-notification رغم نجاح جميع الخطوات السابقة.

شكرًا لكم.

Qr menu.zip