add comment for guards added in useEffects

Author: PatrykWalach

libs/isograph-react-disposable-state/src/useCachedResponsivePrecommitValue.ts

@@ -51,6 +51,10 @@ export function useCachedResponsivePrecommitValue<T>(
   const lastCommittedParentCache = useRef<ParentCache<T> | null>(null);
 
   useEffect(() => {
+    // react reruns all `useEffect` in HMR since it doesn't know if the
+    // code inside of useEffect has changed. Since this is a library
+    // user can't change this code so we are safe to skip this rerun.
+    // This also prevents `useEffect` from running twice in Strict Mode.
     if (lastCommittedParentCache.current === parentCache) {
       return;
     }

libs/isograph-react-disposable-state/src/useLazyDisposableState.ts

@@ -32,6 +32,10 @@ export function useLazyDisposableState<T>(
 
   const lastCommittedParentCache = useRef<ParentCache<T> | null>(null);
   useEffect(() => {
+    // react reruns all `useEffect` in HMR since it doesn't know if the
+    // code inside of useEffect has changed. Since this is a library
+    // user can't change this code so we are safe to skip this rerun.
+    // This also prevents `useEffect` from running twice in Strict Mode.
     if (lastCommittedParentCache.current === parentCache) {
       return;
     }