StreamLayerSDKReact

This component come up with interactive features to create a gamification experience.

import { StreamLayerProvider, StreamLayerSDKReact } from '@streamlayer/react'
import '@streamlayer/react/style.css'

// your application components
import { App, Header, VideoPlayerContainer, VideoPlayer, SidebarContainer } from './app'

export const Main = () => {
  return (
    <App>
      <Header />
      <StreamLayerProvider sdkKey="your-sdk-key" event="your-event-id">
        <VideoPlayerContainer>
          <VideoPlayer />
          <SidebarContainer>

            <StreamLayerSDKReact />

          </SidebarContainer>
        </VideoPlayerContainer>
      </StreamLayerProvider>
      <Footer />
    </App>
  )
}