> For the complete documentation index, see [llms.txt](https://codex.irrevocable.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codex.irrevocable.dev/sdk-reference/kinora-player-wrapper/kinora-provider.md).

# Kinora Provider

Wrap your app with the Kinora Provider Component to correctly initialize the Kinora instance, passing in the player's authenticated Lens Apollo Client. In the case of utilizing NextJS, this component should be placed in the `App.tsx` pages folder of your application.&#x20;

Make sure to also set and configure the LivePeer Config.&#x20;

{% code overflow="wrap" fullWidth="true" %}

```typescript
import { KinoraProvider } from "kinora-sdk";
import { apolloClient } from "../../lib/lens/client";
import { createReactClient, studioProvider, LivepeerConfig,} from "@livepeer/react";

const livepeerClient = createReactClient({
  provider: studioProvider({
    apiKey: process.env.LIVEPEER_STUDIO_KEY!,
  }),
});
 
function App() {
  return (
    <LivepeerConfig client={livepeerClient}>
      <KinoraProvider playerAuthedApolloClient={apolloClient}  ipfsConfig={{
    uploadEndpoint: "https://api.pinata.cloud/pinning/pinJSONToIPFS",
    gateway: "https://gateway.pinata.cloud",
    headers: { Authorization: "Bearer YOUR_JWT" }
  }}>
        <Component {...pageProps} />
      </KinoraProvider>
    </LivepeerConfig>
  )
}
```

{% endcode %}

### Kinora Provider Props

{% code overflow="wrap" fullWidth="true" %}

```typescript
/* Lens authenticated Apollo Client. This can be the same client used for other Lens interactions within your App that the player is Authed for. It is used for enabling the Player to interact with the Quest publication Open Action.*/
playerAuthedApolloClient: ApolloClient<NormalizedCacheObject>;

/* IPFS Config. The upload endpoint, gateway and required auth headers for your IPFS client i.e. Infura, Pinata etc.*/
ipfsConfig: {
  uploadEndpoint: string;
  gateway: string;
  headers?: Record<string, string>;
};
```

{% endcode %}
