chore: refactor code

src/lib/app-provider/hooks/useExampleAddresses.ts

@@ -1,7 +1,7 @@
 import { toBech32 } from "@cosmjs/encoding";
 import { useMemo } from "react";
 
-import type { ContractAddr, HumanAddr, ValidatorAddr } from "lib/types";
+import type { ContractAddr, HumanAddr } from "lib/types";
 import { addrToValoper } from "lib/utils";
 
 import { useCurrentChain } from "./useCurrentChain";
@@ -11,26 +11,27 @@ export const useExampleAddresses = () => {
     chain: { bech32_prefix: prefix },
   } = useCurrentChain();
 
-  return useMemo(() => {
-    const bytes = Array(32)
-      .fill(undefined)
-      .map((_, idx) => idx);
-
+  const generateExampleAddresses = () => {
+    const bytes = Array.from(Array(32).keys());
     const user = toBech32(
       prefix,
       new Uint8Array(bytes.slice(0, 20))
     ) as HumanAddr;
+
     // reverse the bytes so the initial characters are different from the user address
     const contract = toBech32(
       prefix,
       new Uint8Array(bytes.reverse())
     ) as ContractAddr;
-    const validator = addrToValoper(user) as ValidatorAddr;
+
+    const validator = addrToValoper(user);
 
     return {
       user,
       contract,
       validator,
     };
-  }, [prefix]);
+  };
+
+  return useMemo(generateExampleAddresses, [prefix]);
 };