# useSafeLayoutEffect
> An SSR-safe version of useLayoutEffect that falls back to useEffect on the server.

A drop-in replacement for `useLayoutEffect` that falls back to `useEffect` on the server, avoiding SSR warnings. It has the same API as `useLayoutEffect`.

## Import

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

## Example

```jsx
useSafeLayoutEffect(() => {
  // Your layout effect logic here
}, []);
```

---

## API reference

### Arguments

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

### Returns

`void`