const streamId = "abcff74a-bb19-45af-8e63-b961efa1899e";
function SomeComponent() {
const { data: stream } = useStream({
streamId,
refetchInterval: 10000,
});
const {
mutate: updateStream,
status,
error,
} = useUpdateStream({
streamId,
record: true,
playbackPolicy: {
type: "jwt",
},
});
return (
<div>
<button
disabled={status === "loading" || stream.record || !updateStream}
onClick={() => {
updateStream?.();
}}
>
Enable Recording
</button>
{stream && (
<>
<div>Stream Name: {stream?.name}</div>
<div>Recording?: {String(Boolean(stream.record))}</div>
</>
)}
{error && <div>{error.message}</div>}
</div>
);
}