Installation

1. Install the package

npm

npm install @fishjam-cloud/react-client

Yarn

yarn add @fishjam-cloud/react-client

pnpm

pnpm add @fishjam-cloud/react-client

2. Setup Fishjam context

Wrap your app in our FishjamProvider component.

import React from "react";
import ReactDOM from "react-dom/client";
import { FishjamProvider } from "@fishjam-cloud/react-client";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <FishjamProvider>
      <App />
    </FishjamProvider>
  </React.StrictMode>,
);

tip

It's possible to have many independent Fishjam contexts in one app.
Just render many FishjamProvider components and make sure they don't overlap.