Install

Configure Store

import {configureStore, createSerializableStateInvariantMiddleware} from '@reduxjs/toolkit'
import chatSlice from "./slices/ChatSlice";
import websocketSlice from "./slices/WebsocketSlice";

const isSerializable = (val) => {
    return true;
}

const getEntries = (value) => Object.entries(value)

const serializableMiddleware = createSerializableStateInvariantMiddleware({
    isSerializable,
    getEntries,
})


export const store = configureStore({
    reducer: {
        chat: chatSlice,
        websocket: websocketSlice,
    },
    middleware: [serializableMiddleware]
})

Requirement

{
    "@reduxjs/toolkit":  "version",
    "react-redux": "version"
}

Environment

ADD REACT_APP_WEBSOCKET_URL variable in .env

Value is : wss://IP:PORT

API

You can find documentation in ./debug/Debug.js

Stilize video stream

You can use class "video-stream-receiver"

Stilize preview stream

You can use id "preview-stream"