pollo/app/(client)/layout.tsx
2023-10-11 00:58:00 -06:00

23 lines
537 B
TypeScript

"use client";
import { AblyProvider } from "ably/react";
import * as Ably from "ably";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
const queryClient = new QueryClient();
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
const client = new Ably.Realtime.Promise({
authUrl: "/api/internal/ably",
});
return (
<QueryClientProvider client={queryClient}>
<AblyProvider client={client}>{children}</AblyProvider>{" "}
</QueryClientProvider>
);
}