将 pusher 与 Mern 一起使用时出现错误

如何解决将 pusher 与 Mern 一起使用时出现错误

我在自己的时间做一个 mern stack instagram 克隆，我希望它是实时的，为此我选择了 pusher，但应用程序不是实时的，所以它不起作用！！ 如果你能告诉我你为什么不工作，我会很高兴！

mongoose.connection.once("open",() => {
  console.log("conected data")
  const changedeger = mongoose.connection.collection("users").watch()

  changedeger.on("change",(change) => {
    console.log(change)
      if(change.operationType === "insert"){
        const postdetails  = change.fullDocument;
        pusher.trigger("posts","inserted",{
        "change" : change
        })
      }else{
        console.log("we have any error")
      } 
  }) 
})



    app.post("/create",upload.single('image'),(req,res) => {
   const newpost = new users({
     name : req.body.name,lastname : req.body.lastname,image : req.file.filename    
   })
   newpost.save().then(data => {
     res.json(data)
   }).catch((err) => {
     res.send(err)
   })
})



      const [messages,setmessages] = useState([])
  const pusher = new Pusher('4314359379c41a8851b3',{
    cluster: 'eu'
  });
    const getax = () => { 
      axios.get("http://localhost:4000/all").then(res => {
        setmessages(res.data)
     }).catch(err => {
       console.log(err)
     })     
    }
useEffect(() => {
  getax()
  const channel = pusher.subscribe('posts');
  channel.bind('inserted',(deger) => {
getax()
  });
},[])
console.log(messages)