'use client';
import {
ClientSideSuspense,
LiveblocksProvider,
RoomProvider,
} from '@liveblocks/react';
import { Skeleton } from '@/components/ui/skeleton';
export const BoardLiveblocks = ({
children,
boardId,
}: {
children: React.ReactNode;
boardId: string;
}) => {
return (
{
const headers = {
'Content-Type': 'application/json',
BoardId: `${boardId}`,
};
const body = JSON.stringify({
room,
});
const response = await fetch('/api/liveblocks-auth', {
method: 'POST',
headers,
body,
});
return await response.json();
}}
throttle={16}
>
}>
{children}
);
};
BoardLiveblocks.Skeleton = function SkeletonBoardLiveblocks() {
return (
);
};