Use Mount Effect

1"use client";
2 
3import { useEffect } from "react";
4 
5/**
6 * Run an effect exactly once on mount. The returned cleanup (if any) runs on unmount.
7 *
8 * Use this instead of `useEffect(fn, [])` so intent is explicit and the escape
9 * hatch is greppable. See `no-use-effect.md` for the five replacement patterns
10 * and when this hook is actually the right answer (DOM integration, third-party
11 * widget lifecycles, browser API subscriptions, stable singleton dependencies).
12 */
13export function useMountEffect(effect: () => void | (() => void)) {
14  // eslint-disable-next-line no-restricted-syntax
15  useEffect(effect, []);
16}