Smithery Server Search

1"use client";
2 
3import {
4	QueryClient,
5	QueryClientContext,
6	QueryClientProvider,
7} from "@tanstack/react-query";
8import { type ReactNode, useContext, useState } from "react";
9 
10// Shared default QueryClient for all Smithery components
11let sharedQueryClient: QueryClient | null = null;
12 
13function getSharedQueryClient() {
14	if (!sharedQueryClient) {
15		sharedQueryClient = new QueryClient({
16			defaultOptions: {
17				queries: { staleTime: 60 * 1000 },
18			},
19		});
20	}
21	return sharedQueryClient;
22}
23 
24/**
25 * Wrapper that auto-provides QueryClient if none exists.
26 * - If a QueryClientProvider already exists, uses that client (user's takes precedence)
27 * - If no provider exists, creates a shared client for Smithery components
28 */
29export function WithQueryClient({ children }: { children: ReactNode }) {
30	// Check if we're already inside a QueryClientProvider
31	const existingClient = useContext(QueryClientContext);
32 
33	// Create our own client only if needed (lazy init, stable across renders)
34	const [fallbackClient] = useState(() => getSharedQueryClient());
35 
36	// If there's already a client, just render children
37	if (existingClient) {
38		return <>{children}</>;
39	}
40 
41	// Otherwise, provide our own client
42	return (
43		<QueryClientProvider client={fallbackClient}>
44			{children}
45		</QueryClientProvider>
46	);
47}