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

# CDPHooksProvider

```ts theme={null}
function CDPHooksProvider(props: CDPHooksProviderProps): Element;
```

Provider component that initializes the CDP SDK and manages authentication state.
This must be placed at the root of your application or above any components that need CDP functionality.

## Parameters

| Parameter | Type                                                                                                       | Description         |
| --------- | ---------------------------------------------------------------------------------------------------------- | ------------------- |
| `props`   | [`CDPHooksProviderProps`](/sdks/cdp-sdks-v2/frontend/@coinbase/cdp-hooks/Interfaces/CDPHooksProviderProps) | The component props |

## Returns

`Element`

A React context provider wrapping the children with CDP functionality

## Example

```tsx lines theme={null}
const cdpConfig = {
  projectId: "your-project-id" // Your project ID from the CDP Portal
}

function App() {
  return (
    <CDPHooksProvider config={cdpConfig}>
      <YourApp />
    </CDPHooksProvider>
  );
}
```