Pusher useEffect

usingpusher.tsx

  useEffect(() => {
    // Pusher.logToConsole = true
    let pusher = new Pusher(process.env.NEXT_PUBLIC_PUSHER_KEY, {
      cluster: process.env.NEXT_PUBLIC_PUSHER_CLUSTER,
    })
    window.onbeforeunload = function () {
      pusher.disconnect()
    }
    let channel = pusher.subscribe('story-engine')
    channel.bind('place-card', function (data) {
      // console.log('Received event', data)
      setSlots((prev) => {
        [some code for putting the broadcasted data into state]
      })
    })
  })