LivepeerConfig
component manages configuration for all hooks using
React Context.
Usage
LivepeerConfig
should wrap all of your pages, so every page can use hooks provided by Livepeer React.If you are using an SSR framework (like Next.js), see SSR for specific instructions on how to configure
the
head
of the document, to ensure hydration happens correctly.Configuration
client
A livepeerClient
instance that consists of
configuration options. Required to connect to a provider.
theme
Sets the global theme overrides. It is recommended to use this for any global app styles. This is optional and every value has a default. See the source code for more information.SSR
The following section only applies to web-based use-cases - React Native has
no concept of SSR.
getCssText
function. This
function is made available by the createStitches function. This will give you
all the CSS you need to server-side render it.
For a better hydration strategy, we highly recommend adding an id="stitches"
to your style tag.
Here’s an example of SSR with Next.js: