100mslive / hms-video-react

Build Awesome Live Apps with pre built components

IMPORTANT: Deprecated

Note that this library is deprecated and is no longer actively maintained, if you're starting a new project please use @100mslive/react-sdk, our quickstart guide should help you in getting up quickly. For already existing projects, if you're not using any UI components and only using the hooks, you can simply replace all occurence of "@100mslive/hms-video-react" with "@100mslive/react-sdk" after installing the latter. We're also actively working on a UI package "@100mslive/react-ui", currently in alpha for helping with headless and styled components.

100ms React SDK

Create beautfiful custom applications using 100ms' React SDK.

This library currently provides is composed of two pieces -

1. hooks which interface with our sdk for easily using with functional components. More details here.
2. UI components for common use cases - video tile, preview etc. Note that these components are on path of deprecation and we don't recommend their use as a library. We're actively working on a new UI components library which will provide improved flexibility and ease of use.

Install using

npm install --save @100mslive/hms-video-react@latest

For detailed documentation visit our documentation page

hms-video-react's Issues

Enhance end meeting and receive feedback

complimentary of - 100mslive/100ms-web#425

add ability to choose which notifications should be shown

complimentary of - 100mslive/100ms-web#420

hms-video-store doesn't have a GitHub repository

This is not related to this project, but I didn't knew a better place to say it, so here it goes:

hms-video-store have its source code in NPM, and its license is MIT, so why it doesn't have a GitHub repository as all other 100ms open-source projects [that I know]?

Broken types for selectPeers selector

Using the latest version of @100mslive/[email protected] and following along with the React tutorial I get type errors when using selectPeers

const peers= useHMSStore(selectPeers); results in:

Argument of type 'OutputSelector<HMSStore, HMSPeer[], (res1: HMSRoom, res2: Record<string, HMSPeer>) => HMSPeer[], never>' is not assignable to parameter of type 'StateSelector<HMSStore, HMSPeer[]>'.
  Types of parameters 'state' and 'state' are incompatible.
    Type 'HMSStore' is not assignable to type 'never'.ts(2345)

In order to get around this I'm having to add explicit typecasts and any which isn't ideal

const peers: HMSPeer[] = useHMSStore(selectPeers as any);

Application error in Next.js when swcMinify is set to true in next.config.js

Hello there!

I was having this error in my Vercel environment using the HMSPrebuilt component, from @100mslive/roomkit-react

The error didn't appear in my local environment, just in Vercel. I set up the option swcMinify to false in my next.config.js and now the page works fine in Vercel. I wanted to create an issue for this so people know that this quick fix works, and also for the 100ms's team so they can review what's happening with SWC in Vercel when using the new Prebuilt component.

Thanks!