Bring therapeutic play into your platform.

A working shared sandtray, in full:

import { PlaySpaceProvider, Sandtray } from '@playspace/react'

export function PlayPanel({ sessionId }) {
  return (
    <PlaySpaceProvider fetchToken={() => getToken(sessionId)}>
      <Sandtray />
    </PlaySpaceProvider>
  )
}

The token carries the role, so the component renders the clinician’s side or the client’s side on its own. There is no role prop, and therefore no role prop to get wrong.

How it fits together

1. 1

   You tell us who is who

   One call per clinician and per client, carrying your identifier. You never store a second copy of a person — you hold your record, we hold a pointer to it.

2. 2

   You open a session

   Against an appointment that lives in your scheduler, not ours. You get back a session and a pair of role-scoped tokens.

3. 3

   You render

   Drop a component into your React tree and hand it the token. The token already says whether the holder is a clinician or a client.