Create Your Own UI

Import the useCursorUsers hook.

import { useCursorUsers } from '@veltdev/react';

const cursorUsers = useCusorUsers()

The cursorUsers hook will return an array of User objects.

You can map the Cursor Users List to generate your own custom UI.

The hook will automatically unsubscribe from the subscription when the component dismounts.

return (
  <div>
    Cursor Users: {cursorUsers.length}
    {
      cursorUsers.map( x => <div>{x.name} </div>)
    }
  </div>
)