إنشاء حساب جديد و التنقل نحو الصفحة الرئيسية (صفحة المحادثات)

السلام عليكم.

عند إنشاء حساب جديد في المثال التالي

const onSubmit = async e => {
    e.preventDefault()  
    axios.post('/api/auth/register', formData)
    .then(res => {
      setIsLoggedIn(true)
      localStorage.setItem("user", JSON.stringify(res.data));
      navigate("/", { replace: true })
    })
    .catch(error => setError(error.response.data.message))
  }

يقع التنقل نحو صفحة المحادثات بالشكل التالي

في هذه الحالة تم حفظ المستخدم الجديد بالذاكرة المحلية للمتصفح و كذلك بقاعدة البيانات، و بالتالي من المفروض أن تكون الصفحة كالآتي

قمت بجلب المستخد الحالي و بقية المستخدمين كالآتي

useEffect(() => {
    const getUser = async() => {
      const user = JSON.parse(localStorage.getItem('user'))
        await axios.get('/api/auth', {
          headers: {
            'Content-Type': 'application/json',
            'x-auth-token': user?.data?.token
          }})
        .then(res => setCurrentUser(res.data))
        .catch(err => console.log(err, "err"))
    }
    getUser()
  }, [])

------------------------------------------------
 useEffect(()=> {
    const getUsers = async() => {
      try {
        const res = await axios.get(`/api/auth/allusers/${currentUser?._id}`)
        setUsers(res.data)
      } catch (error) {
        console.log(error.message)
      }
    }
    getUsers()
  },[currentUser?._id])

شكرا على المساعدة