| 'use client' | |
| import { ReactNode, useState } from 'react'; | |
| import { Toaster } from "./ui/toaster"; | |
| import { Toaster as Sonner } from "./ui/sonner"; | |
| import { TooltipProvider } from "./ui/tooltip"; | |
| import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; | |
| import { BrowserRouter } from "react-router-dom"; | |
| interface ClientWrapperProps { | |
| children: ReactNode; | |
| } | |
| export default function ClientWrapper({ children }: ClientWrapperProps) { | |
| const [queryClient] = useState(() => new QueryClient()); | |
| return ( | |
| <QueryClientProvider client={queryClient}> | |
| <TooltipProvider> | |
| <Toaster /> | |
| <Sonner /> | |
| <BrowserRouter> | |
| {children} | |
| </BrowserRouter> | |
| </TooltipProvider> | |
| </QueryClientProvider> | |
| ); | |
| } | |