> ## Documentation Index
> Fetch the complete documentation index at: https://developer.suki.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Test Mode

> Learn how to use Suki React Web SDK in test mode for development and testing purposes before going live

For development and testing against Suki staging infrastructure, Web SDK v3 uses `environment: "staging"` on `SukiAuthManager` (not `isTestMode` on `init`). This page shows a React example; the same `SukiAuthManager` settings work with `initialize()` in JavaScript.

## Code example

The example below points the SDK at staging and turns on debug logging.

```jsx React expandable theme={"theme":{"light":"github-dark","dark":"material-theme-darker"}}
import { useEffect, useMemo } from "react";
import { SukiAuthManager } from "@suki-sdk/core";
import { SukiAssistant, SukiProvider, useSuki } from "@suki-sdk/react";

function Root() {
  return (
    <SukiProvider>
      <App />
    </SukiProvider>
  );
}

function App() {
  const authManager = useMemo(
    () =>
      new SukiAuthManager({
        partnerId: "f80c8db8-a4d0-4b75-8d63-56c82b5413f0", // Replace with your actual partner ID
        partnerToken:
          "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiYWRtaW4iOnRydWUsImlhdCI6MTUxNjIzOTAyMn0.KMUFsIDTnFmyG3nMiGM6H9FNFUROf3wh7SmqJp-QV30", // Replace with your actual partner token
        providerName: "John doe", // Replace with the full name of the provider
        providerOrgId: "1234", // Replace with the provider's organization ID
        environment: "staging",
        loginOnInitialize: true,
        providerId: "1234567890", // Replace with the provider's ID
        providerName: "John doe", // Replace with the full name of the provider
        providerOrgId: "1234", // Replace with the provider's organization ID
        providerSpecialty: "FAMILY_MEDICINE", // Replace with the provider's specialty
      }),
    [],
  );

  const { init, isInitialized } = useSuki();

  useEffect(() => {
    if (!isInitialized) {
      init({
        authManager,
        enableDebug: true,
        logLevel: "debug",
      });
    }
  }, [init, isInitialized, authManager]);

  const encounter = {
    identifier: "6ec3920f-b0b1-499d-a4e9-889bf788e5ab",
    patient: {
      identifier: "905c2521-25eb-4324-9978-724636df3436",
      name: {
        use: "usual",
        family: "Smith",
        given: ["John"],
        suffix: [],
      },
      birthDate: "1980-01-15",
      gender: "male",
    },
  };

  return <MySDKComponent encounter={encounter} />;
}

function MySDKComponent({ encounter }) {
  const handleNoteSubmit = (data) => {
    console.log("Note submitted:", data);
  };

  return (
    <SukiAssistant
      encounter={encounter}
      onNoteSubmit={handleNoteSubmit}
      // rest of the props as needed
    />
  );
}
```

<Note>
  **Web SDK v2** used `isTestMode: true` on `init` options for the same idea. **Web SDK v3** uses `environment` on `SukiAuthManager` instead. See [Migrating to Web SDK v3](/web-sdk/product-updates/migration-to-v3) and [InitOptions](/web-sdk/api-reference/types/init-options).
</Note>

## Next steps

<Icon icon="file-lines" iconType="solid" /> Refer to the [SDK inside an iframe](/web-sdk/examples/using-inside-iframe) example to learn how to use the web SDK inside an iframe.