> ## Documentation Index
> Fetch the complete documentation index at: https://docs.livepeer.org/llms.txt
> Use this file to discover all available pages before exploring further.

# Studio

> Official Livepeer provider for Studio.

The `studioProvider` configures the client with
[Livepeer Studio](https://livepeer.studio).

## Usage

<Tabs>
  <Tab title="React">
    ```tsx theme={"theme":{"light":"github-light","dark":"dark-plus"}}
    import { studioProvider } from '@livepeer/react';
    ```
  </Tab>

  <Tab title="React Native">
    ```tsx theme={"theme":{"light":"github-light","dark":"dark-plus"}}
    import { studioProvider } from '@livepeer/react-native';
    ```
  </Tab>
</Tabs>

The `studioProvider` can then be instantiated with an API key.

```tsx App.js theme={"theme":{"light":"github-light","dark":"dark-plus"}}
const client = createReactClient({
  provider: studioProvider({ apiKey: "yourStudioApiKey" }),
});
```

## Configuration

### apiKey

A [CORS protected](/api-reference/overview/authentication) Studio API key. If no
API key is provided, the provider will use a default key which is rate-limited.

```ts theme={"theme":{"light":"github-light","dark":"dark-plus"}}
import { createReactClient, studioProvider } from "@livepeer/react";

const client = createReactClient({
  provider: studioProvider({ apiKey: "yourStudioApiKey" }),
});
```

### baseUrl

A base URL for the provider. If no base URL is provided, the provider will use
the `https://livepeer.studio` domain.

```ts theme={"theme":{"light":"github-light","dark":"dark-plus"}}
import { createReactClient, studioProvider } from "@livepeer/react";

const client = createReactClient({
  provider: studioProvider({
    apiKey: "yourStudioApiKey",
    baseUrl: "https://studio.my-domain.com/root/api",
  }),
});
```