koalaware-js
Version:
SDK for Koalaware session and event recording
57 lines (48 loc) • 1.42 kB
Markdown
To build, run `npm run build`s
Usage:
NextJS
Add the following to your `providers.tsx` file.
```ts
"use client"
import { KoalawareTracker } from "koalaware-js";
import { KoalawareProvider as KoalawareProviderJS } from "koalaware-js/react";
import { useEffect, useState } from "react";
export function KoalawareProvider({ children }: { children: React.ReactNode }) {
const [koalaware, setKoalaware] = useState<KoalawareTracker | null>(null);
useEffect(() => {
const apiKey = "kw_1c8969a408ea2eb333fd174a7684c7c943e82ea1df8349b43640e4b608f35e68";
const koalaware = new KoalawareTracker(apiKey);
setKoalaware(koalaware);
}, []);
return (
<KoalawareProviderJS client={koalaware}>
{children}
</KoalawareProviderJS>
)
}
```
Next, add the provider to your root app layout.
```ts
export default async function RootLayout({
children
}: {
children: React.ReactNode;
}) {
const session = await auth();
return (
<html lang='en' className={`${lato.className}`} suppressHydrationWarning>
<body className={'overflow-hidden'}>
<NextTopLoader showSpinner={false} />
<KoalawareProvider>
<NuqsAdapter>
<Providers session={session}>
<Toaster />
{children}
</Providers>
</NuqsAdapter>
</KoalawareProvider>
</body>
</html>
);
}
```