create-better-t-stack/apps/web/src/components/providers.tsx

"use client";

import { ConvexProvider, ConvexReactClient } from "convex/react";
import { NuqsAdapter } from "nuqs/adapters/next/app";
import { Toaster } from "@/components/ui/sonner";

const convex = new ConvexReactClient(process.env.NEXT_PUBLIC_CONVEX_URL || "");

export default function Providers({ children }: { children: React.ReactNode }) {
	return (
		<>
			<ConvexProvider client={convex}>
				<NuqsAdapter>{children}</NuqsAdapter>
			</ConvexProvider>
			<Toaster />
		</>
	);
}