# useUpdateEffect
> Like useEffect, but skips the effect on initial mount and only runs on updates.

Works like `React.useEffect`, but skips execution on the initial mount, only running when dependencies change on subsequent renders.

## Import

```js
import { useUpdateEffect } from '@volue/wave-react';
```

## Example

```jsx
() => {
  const [count, setCount] = React.useState(0);
  const [message, setMessage] = React.useState('No updates yet');

  useUpdateEffect(() => {
    setMessage('Count updated to ' + count);
  }, [count]);

  return (
    <Flex flow="column" cross="start">
      <Flex flow="column" gap="spacingS">
        <Text>{'Count: ' + count}</Text>
        <Text>{message}</Text>
      </Flex>
      <Button onClick={() => setCount(c => c + 1)}>{'Increment'}</Button>
    </Flex>
  );
};
```

---

## API reference

### Arguments

| Name     | Type             | Default | Description                            | Required |
| -------- | ---------------- | ------- | -------------------------------------- | -------- |
| `effect` | `EffectCallback` | `—`     | The effect function to run on updates. | Yes      |
| `deps`   | `DependencyList` | `—`     | Dependency array, same as `useEffect`. |          |

### Returns

`void`
