Add MountEffects hooks to run effects only on or after component mount

src/hooks/MountEffects.js

+import { useEffect, useRef } from "react";
+
+function useMountEffect(effect, deps=[], afterMount) {
+  const didMountRef = useRef(false);
+
+  useEffect(() => {
+    let cleanup = null;
+    if (didMountRef.current === afterMount) { 
+      cleanup = effect();
+    }
+    didMountRef.current = true;
+    return cleanup;
+  }, deps);
+}
+
+export function useEffectOnMount(effect) {
+  useMountEffect(effect, [], false);
+}
+
+export function useEffectAfterMount(effect, deps) {
+  useMountEffect(effect, deps, true);
+}
\ No newline at end of file