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

# Cookie-based authentication

> Configure the React SDK to use cookie-based authentication with a custom API base URL.

> [card] Recommended: JavaScript SDK with React Hooks
>
> For new React apps, we recommend the JavaScript SDK with React Hooks (`@dynamic-labs-sdk/react-hooks`) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the [React quickstart (JavaScript SDK)](https://docs.dynamic.xyz/docs/javascript/reference/react-quickstart.md) to get started.

For what cookie-based authentication is, how it works, and full console setup steps, see [Cookie-based authentication](https://docs.dynamic.xyz/docs/auth/cookie-authentication.md).

## SDK configuration

Once your [cookie domain](https://docs.dynamic.xyz/docs/auth/cookie-authentication.md#setup) is configured and DNS is validated, update the `apiBaseUrl` prop in `DynamicContextProvider` settings to point to your custom hostname:

```tsx theme={"system"}
<DynamicContextProvider
  settings={{
    apiBaseUrl: 'https://auth.example.io/api/v0',
    environmentId: DYNAMIC_ENVIRONMENT_ID,
    walletConnectors: [EthereumWalletConnectors],
  }}
>
  ...
</DynamicContextProvider>
```

Replace `auth.example.io` with the custom hostname you configured in the Dynamic Console.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.