refactor: optimized usIsMounted hook

Author: vishalnarkhede

package/src/hooks/useIsMountedRef.ts

@@ -1,15 +1,18 @@
 import { useEffect, useRef } from 'react';
 
 export const useIsMountedRef = () => {
-  const isMounted = useRef<boolean | null>(null);
+  // Initial value has been set to true, since this hook exist only for sole purpose of
+  // avoiding any setState calls (within async operation) after component gets unmounted.
+  // Basically we don't need to know about state change from component being initialized -> mounted.
+  // We only need a state change from initialized or mounted state -> unmounted state.
+  const isMounted = useRef(true);
 
-  useEffect(() => {
-    isMounted.current = true;
-
-    return () => {
+  useEffect(
+    () => () => {
       isMounted.current = false;
-    };
-  }, []);
+    },
+    [],
+  );
 
   return isMounted;
 };