feat: impl directory delete

Co-authored-by: Ona <no-reply@ona.com>

src/routes/__root.tsx

@@ -3,16 +3,28 @@ import { Toaster } from "@/components/ui/sonner"
 import DashboardSidebar from "@/dashboard/dashboard-sidebar"
 import "@/styles/globals.css"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
-import { Outlet, createRootRoute } from "@tanstack/react-router"
+import { createRootRoute, Outlet } from "@tanstack/react-router"
 import { TanStackRouterDevtools } from "@tanstack/router-devtools"
 import { ConvexProvider, ConvexReactClient } from "convex/react"
+import { toast } from "sonner"
+import { formatError } from "@/lib/error"
 
 export const Route = createRootRoute({
 	component: RootLayout,
 })
 
 const convexClient = new ConvexReactClient(process.env.BUN_PUBLIC_CONVEX_URL!)
-const queryClient = new QueryClient()
+const queryClient = new QueryClient({
+	defaultOptions: {
+		mutations: {
+			onError: (error) => {
+				console.log(error)
+				toast.error(formatError(error))
+			},
+			throwOnError: false,
+		},
+	},
+})
 
 function RootLayout() {
 	return (