compiling again

src/react/README.md

@@ -21,12 +21,12 @@ The useMcp hook manages the connection to an MCP server, handles authentication
 ## Importing
 
 ```tsx
-import { useMcp } from 'use-mcp/react';
+import { useMcp } from 'use-mcp';
 // Optional: Import types if needed
-import type { UseMcpOptions, UseMcpResult, Tool } from 'use-mcp/react';
+import type { UseMcpOptions, UseMcpResult, Tool } from 'use-mcp';
 ```
 
-## Basic Usage
+## Usage
 
 ```tsx
 import React from 'react';
@@ -142,7 +142,7 @@ function MyChatComponent() {
 export default MyChatComponent;
 ```
 
-Hook Options (UseMcpOptions)
+### Hook Options (UseMcpOptions)
 
 * url (required): The /sse URL of your MCP server.
 * clientName: Name used for OAuth dynamic client registration (if applicable). Defaults to "MCP React Client".
@@ -155,7 +155,7 @@ Hook Options (UseMcpOptions)
 * autoReconnect: If true or a number (milliseconds), automatically tries to reconnect if an established connection is lost. Defaults to 3000 (3 seconds). Set to false to disable.
 * popupFeatures: The features string passed to window.open for the OAuth popup. Defaults to "width=600,height=700,resizable=yes,scrollbars=yes,status=yes".
 
-Hook Return Value (UseMcpResult)
+### Hook Return Value (UseMcpResult)
 
 * tools: An array of Tool objects provided by the server. Empty until state is 'ready'.
 * state: The current connection state ('discovering', 'authenticating', 'connecting', 'loading', 'ready', 'failed'). Use this to conditionally render UI or enable/disable features.
@@ -168,6 +168,6 @@ Hook Return Value (UseMcpResult)
 * authenticate(): Manually attempts to start the authentication flow. Useful for triggering the popup via a user click if it was initially blocked.
 * clearStorage(): Removes all authentication-related data (tokens, client info, code verifier, state) for the configured server URL from localStorage. Useful for development or allowing users to "log out". Automatically disconnects the client.
 
-Setting up the OAuth Callback Route
+### Setting up the OAuth Callback Route
 
 Remember to create the callback route (e.g., /oauth/callback) specified in callbackUrl and have it execute the onMcpAuthorization function exported from the main use-mcp package. See the root README for an example.

src/react/useMcp.ts

@@ -4,8 +4,8 @@ import { SSEClientTransport } from '@modelcontextprotocol/sdk/client/sse.js';
 import { Client } from '@modelcontextprotocol/sdk/client/index.js';
 import { discoverOAuthMetadata, exchangeAuthorization, startAuthorization, UnauthorizedError } from '@modelcontextprotocol/sdk/client/auth.js';
 import { OAuthClientInformation, OAuthMetadata, OAuthTokens } from '@modelcontextprotocol/sdk/shared/auth.js';
-import { BrowserOAuthClientProvider } from '../../auth/browser-provider.js';
-import { assert } from '../../utils/assert.js';
+import { BrowserOAuthClientProvider } from '../auth/browser-provider.js';
+import { assert } from '../utils/assert.js';
 import type { UseMcpOptions, UseMcpResult } from './types.js';
 
 const DEFAULT_RECONNECT_DELAY = 3000;
@@ -47,7 +47,7 @@ export function useMcp(options: UseMcpOptions): UseMcpResult {
   const connectingRef = useRef<boolean>(false); // Prevent concurrent connection attempts
   const isMountedRef = useRef<boolean>(true); // Track component mount status
   const connectAttemptRef = useRef<number>(0); // Track connection attempts for retry logic
-  const authTimeoutRef = useRef<NodeJS.Timeout | null>(null); // Timer for auth popup
+  const authTimeoutRef = useRef<number | null>(null); // Timer for auth popup
 
   // ===== Logging Utility =====
 
@@ -262,6 +262,7 @@ export function useMcp(options: UseMcpOptions): UseMcpResult {
     }
 
     transportRef.current = new SSEClientTransport(serverUrl, {
+      // @ts-ignore
       authProvider: authProviderRef.current,
       // Pass debug flag to transport if it supports it
     });
@@ -272,6 +273,7 @@ export function useMcp(options: UseMcpOptions): UseMcpResult {
       // @ts-expect-error - SDK type might be union, check message content
       addLog('debug', `[Transport] Received message: Method=${message.method || 'N/A'} ID=${message.id || 'N/A'}`);
       // Forward notifications/responses to the client instance
+      // @ts-ignore
       clientRef.current?.handleMessage(message);
     };
 
@@ -534,7 +536,7 @@ export function useMcp(options: UseMcpOptions): UseMcpResult {
 
   // Effect for auto-retry logic
   useEffect(() => {
-    let retryTimeoutId: NodeJS.Timeout | null = null;
+    let retryTimeoutId: number | null = null;
     if (state === 'failed' && autoRetry && connectAttemptRef.current > 0) {
       // Only retry if the *initial* connection or subsequent retries failed
       const delay = typeof autoRetry === 'number' ? autoRetry : DEFAULT_RETRY_DELAY;