> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-v6-beta2-flutter-uikit.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Upgrading From V3

> Migrate your CometChat JavaScript SDK integration from v3 to v4 with updated dependencies and import statements.

<Accordion title="AI Integration Quick Reference">
  Key changes from v3 to v4:

  * Chat SDK: `npm i @cometchat/chat-sdk-javascript`
  * Calls SDK: `npm i @cometchat/calls-sdk-javascript`
  * Import: `import { CometChat } from '@cometchat/chat-sdk-javascript'`
  * Import Calls: `import { CometChatCalls } from '@cometchat/calls-sdk-javascript'`
</Accordion>

Upgrading from v3 to v4 is straightforward — the API surface is the same, only the package names and imports changed. Follow the [v4 setup instructions](/sdk/javascript/setup-sdk) first, then update your dependencies and imports as shown below.

## Update Dependencies

| SDK       | v3 Package             | v4 Package                        |
| --------- | ---------------------- | --------------------------------- |
| Chat SDK  | `@cometchat-pro/chat`  | `@cometchat/chat-sdk-javascript`  |
| Calls SDK | `@cometchat-pro/calls` | `@cometchat/calls-sdk-javascript` |

```bash theme={null}
# Remove v3 packages
npm uninstall @cometchat-pro/chat @cometchat-pro/calls

# Install v4 packages
npm i @cometchat/chat-sdk-javascript
npm i @cometchat/calls-sdk-javascript
```

## Update Import Statements

Find and replace all import statements across your project:

| SDK       | v3 Import                                               | v4 Import                                                          |
| --------- | ------------------------------------------------------- | ------------------------------------------------------------------ |
| Chat SDK  | `import { CometChat } from '@cometchat-pro/chat'`       | `import { CometChat } from '@cometchat/chat-sdk-javascript'`       |
| Calls SDK | `import { CometChatCalls } from '@cometchat-pro/calls'` | `import { CometChatCalls } from '@cometchat/calls-sdk-javascript'` |

```javascript theme={null}
// v4 Chat SDK
import { CometChat } from '@cometchat/chat-sdk-javascript';

// v4 Calls SDK
import { CometChatCalls } from '@cometchat/calls-sdk-javascript';
```

<Note>
  The API methods, class names, and listener interfaces are unchanged between v3 and v4. Once you update the packages and imports, your existing code should work without further modifications.
</Note>

***

## Next Steps

<CardGroup cols={2}>
  <Card title="Setup SDK" icon="gear" href="/sdk/javascript/setup-sdk">
    Install and configure the CometChat JavaScript SDK
  </Card>

  <Card title="Changelog" icon="clock-rotate-left" href="/sdk/javascript/changelog">
    Latest SDK version and release notes
  </Card>

  <Card title="Best Practices" icon="star" href="/sdk/javascript/best-practices">
    Recommended patterns for building with the SDK
  </Card>

  <Card title="Key Concepts" icon="book" href="/sdk/javascript/key-concepts">
    Learn the core concepts behind CometChat v4
  </Card>
</CardGroup>