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

# useEventEmitter

> Hook for cross-component event communication using an emit/on pattern.

Utility hook that lets you emit events in one Component and receive them elsewhere.

* [Tech docs](/sdks/tech-doc/modules/orderly_network_hooks#useeventemitter)

### Example

<CodeGroup>
  ```tsx Emitter.tsx theme={null}
  const eventEmitter = useEventEmitter();
  const [state, setState] = useState();

  useEffect(() => {
  eventEmitter.emit("state:update", state);
  }, [state]);

  ```

  ```tsx Receiver.tsx theme={null}
  const eventEmitter = useEventEmitter();

  eventEmitter.on("state:update", (state) => {
    // do something
  });
  ```
</CodeGroup>