feat(common): add useMountEffect hook

packages/common/hooks/index.ts

@@ -11,6 +11,7 @@ export * from './useDocsSearchV2'
 export * from './useDragToClose'
 export * from './useEffectEvent'
 export * from './useIsomorphicLayoutEffect'
+export * from './useMountEffect'
 export * from './useOnChange'
 export * from './useParams'
 export * from './useSearchParamsShallow'

packages/common/hooks/useMountEffect.ts

@@ -0,0 +1,12 @@
+'use client'
+
+import { useEffect, type EffectCallback } from 'react'
+
+/**
+ * runs an effect once on mount, with its cleanup on unmount, the escape hatch for one-time
+ * sync with an external system and derive state or use event handlers everywhere else
+ */
+export function useMountEffect(effect: EffectCallback): void {
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(effect, [])
+}