> ## 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.

# Coinbase

<Card title="Recommended: JavaScript SDK with React Hooks" icon="react" color="#4779FE">
  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)](/javascript/reference/react-quickstart) to get started.
</Card>

<Warning>
  This functionality is also only available on version 4.25.0 of the SDK and above.
</Warning>

## Dashboard Setup

Follow these steps to enable exchange funding for Coinbase:

1. Go to the [funding tab](https://app.dynamic.xyz/dashboard/funding)
2. Toggle Coinbase exchange click the gear icon
3. Enable the **Exchange Transfer** toggle for funding directly from exchange
4. Enable [Coinbase Oauth](https://www.dynamic.xyz/docs/social-providers/coinbase)
5. As part of Coinbase OAuth setup, please ensure you add `wallet:transactions:send` and `wallet:transactions:read` in the **Additional Scopes** field.
6. Save the settings. Note that it could take up to 5 minutes for the settings cache to refresh on your site.

<Frame>
  <img src="https://mintcdn.com/dynamic-docs/DXbjtpFZjzIwv2VQ/images/dashboard/dashboard-exchanges.png?fit=max&auto=format&n=DXbjtpFZjzIwv2VQ&q=85&s=25b5fd6067118568b065526b438237cc" alt="Dashbaord funding exchanges" width="2210" height="1180" data-path="images/dashboard/dashboard-exchanges.png" />
</Frame>

## SDK Views

Once enabled in Dashboard and the settings have propagated, your end users would be able to link their Coinbase exchange account to their user profile and initiate the transfer.

1. In the user profile widget, click on **Deposit**
2. Click on **From Exchange**
3. Click on the Coinbase icon and you will be taken immediately to the transfer flow

<Frame>
  <img src="https://mintcdn.com/dynamic-docs/S0I4gBjjMnJYbuz8/images/widget/widget-deposit-screen.png?fit=max&auto=format&n=S0I4gBjjMnJYbuz8&q=85&s=a51ab2a8d0c2fa11d500cb6f945629c5" alt="Deposit screen" width="668" height="986" data-path="images/widget/widget-deposit-screen.png" />
</Frame>
