# User profile changed
Learn how to track changes related to a user's account.
This event tracks any changes related to a user's profile.
> **Automatically tracked**
>
> The SDK automatically tracks this event when you update the user profile.
## Implementation
Here is an example of how to track this event:
**JavaScript**
```javascript
import croct from '@croct/plug';
croct.user.edit()
.set('firstName', 'John Doe')
.set('email', 'john@croct.com')
.set('custom.plan', 'free')
.combine('activities', 'sign-up')
.save();
```
**HTML**
```html
My awesome application
```
**React — JavaScript**
```jsx
import {useCroct} from '@croct/plug-react';
export function Example() {
const croct = useCroct();
function updateProfile() {
croct.user.edit()
.set('firstName', 'John Doe')
.set('email', 'john@croct.com')
.set('custom.plan', 'free')
.combine('activities', 'sign-up')
.save();
}
return ();
}
```
**React — TypeScript**
```typescript
import {useCroct} from '@croct/plug-react';
import type {ReactElement} from 'react';
export function Example(): ReactElement {
const croct = useCroct();
function updateProfile() {
croct.user.edit()
.set('firstName', 'John Doe')
.set('email', 'john@croct.com')
.set('custom.plan', 'free')
.combine('activities', 'sign-up')
.save();
}
return ();
}
```
**Next — JavaScript**
```jsx
import {useCroct} from '@croct/plug-next';
export function Example() {
const croct = useCroct();
function updateProfile() {
croct.user.edit()
.set('firstName', 'John Doe')
.set('email', 'john@croct.com')
.set('custom.plan', 'free')
.combine('activities', 'sign-up')
.save();
}
return ();
}
```
**Next — TypeScript**
```tsx
import {useCroct} from '@croct/plug-next';
import type {ReactElement} from 'react';
export function Example(): ReactElement {
const croct = useCroct();
function updateProfile() {
croct.user.edit()
.set('firstName', 'John Doe')
.set('email', 'john@croct.com')
.set('custom.plan', 'free')
.combine('activities', 'sign-up')
.save();
}
return ();
}
```
**Vue — JavaScript**
```vue
```
**Vue — TypeScript**
```vue
```
**Nuxt — JavaScript**
```vue
```
**Nuxt — TypeScript**
```vue
```
## Input properties
This event has no input properties.
## Processed properties
These properties are automatically tracked:
- `externalUserId`: `string`
The user's unique identifier provided by the application, such as a UUID or a username.
The value must be between 1 and 100 characters long.
- `patch`: `object`
A set of operations performed on the user profile.
## Payload examples
Below are some payload examples for this event:
**Processed payload**
```json
{
"type": "userProfileChanged",
"externalUserId": "0e8d3d6e-4b6d-4b7b-8e0f-2e3b9e7b3e4d",
"patch": {
"operations": [
{
"type": "set",
"path": "name",
"value": "John Doe"
},
{
"type": "set",
"path": "email",
"value": "john@croct.com",
},
{
"type": "set",
"path": "custom.plan",
"value": "free",
},
{
"type": "combine",
"path": "activities",
"value": "sign-up",
}
]
}
}
```
## Explore
- [Analytics](/reference/analytics): Learn how to analyze your dashboards.
- [CQL](/explanation/audience/examples/user-attributes): Learn how to create audiences based on the user profile.