tldraw_0/components/canvas/coop/coop.tsx

import Cursor from './cursor'
import { useCoopSelector } from 'state/coop/coop-state'

export default function Presence(): JSX.Element {
  const others = useCoopSelector((s) => s.data.others)

  return (
    <>
      {Object.values(others).map(({ connectionId, presence }) => {
        if (presence == null) {
          return null
        }

        return (
          <Cursor
            key={`cursor-${connectionId}`}
            color={'red'}
            duration={presence.duration}
            times={presence.times}
            bufferedXs={presence.bufferedXs}
            bufferedYs={presence.bufferedYs}
          />
        )
      })}
    </>
  )
}