Using StreamLayer Context

Use the StreamLayer context to call SDK methods:

import { useStreamLayer } from '@streamlayer/react'

const EventInput = () => {
  const sdk = useStreamLayer()
  const [event, setEvent] = useState('')
  const startEventSession = () => {
    sdk.createEventSession(event)
  }

  return (
    <div>
      <input type="text" value={event} onChange={e => setEvent(e.target.value)} />
      <button onClick={startEventSession}>set</button>
    </div>
  )
}