@cuekit-ai/react 1.2.1 → 1.2.2

package/README.md

@@ -190,6 +190,7 @@ The SDK can integrate with your application's router via the `navigationHandler`
 ```tsx
 import { useNavigate } from 'react-router-dom'
 import { CuekitProvider } from '@cuekit-ai/react'
+import '@cuekit-ai/react/styles.css'
 
 function AppProviders({ children }) {
   const navigate = useNavigate()
@@ -208,6 +209,41 @@ function AppProviders({ children }) {
 }
 ```
 
+**Next.js Example**:
+
+```tsx
+'use client'
+
+import { CuekitProvider } from '@cuekit-ai/react'
+import { useRouter } from 'next/navigation'
+import dynamic from 'next/dynamic'
+import React from 'react'
+import '@cuekit-ai/react/styles.css'
+
+const DynamicCuekitProvider = dynamic(
+  () => import('@/providers/cuekit-provider').then((mod) => mod.CuekitProvider),
+  {
+    ssr: false,
+  }
+)
+
+export default function AppProviders({ children }: { children: React.ReactNode }) {
+  const router = useRouter()
+  return (
+    <DynamicCuekitProvider
+      apiKey="YOUR_API_KEY"
+      appId="YOUR_APP_ID"
+      navigationHandler={(path, params) => {
+        const qs = params ? `?${new URLSearchParams(params).toString()}` : ''
+        router.push(`${path}${qs}`)
+      }}
+    >
+      {children}
+    </DynamicCuekitProvider>
+  )
+}
+```
+
 ## 🐛 Troubleshooting
 
 If you're having trouble, here are a few things to check:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuekit-ai/react",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {