useConnectedUsers

The useConnectedUsers hook returns an array of all users who are connected to the current document.

Each user has a pageNumber property representing which page the user is currently viewing.

info

The enableConnectedUsers flag must be set for this feature to work. More info here.

import { useConnectedUsers } from '@pdftron/collab-react'

export function ConnectedUsers() {

  const users = useConnectedUsers();

  return (
    <div>
      {
        users.map(user => {
          return (
            <div key={user.id}>
              <p>{user.userName} is viewing page {user.pageNumber}</p>
            </div>
          )
        })
      }
    </div>
  )
}