useChainAndScan.ts

import { useEffect, useState } from "react";
import {
  UniqueChain,
  UniqueChainInstance,
  UniqueIndexer,
  UniqueIndexerInstance
} from "@unique-nft/sdk";

type ChainAndScan = {
  chain: UniqueChainInstance | null;
  scan: UniqueIndexerInstance | null;
};

/**
 * Custom hook to initialize and access `UniqueChain` and `UniqueScan` instances for a specified network.
**/
export const useChainAndScan = () => {
  const [data, setData] = useState<ChainAndScan>({ chain: null, scan: null });
  const [loading, setLoading] = useState(true);

  const chainUrl =
    process.env.REACT_APP_REST_URL || "https://rest.unique.network/v2/unique";
  const scanUrl =
    process.env.REACT_APP_SCAN_URL || "https://api-unique.uniquescan.io/v2";

  useEffect(() => {
    const getChainAndScan = async () => {
      try {
        const uniqueChain = UniqueChain({
          baseUrl: chainUrl,
        });

        const uniqueScan = UniqueIndexer({
          baseUrl: scanUrl,
        });

        setData({ chain: uniqueChain, scan: uniqueScan });
      } catch (error) {
        console.error("Error fetching chain and scan:", error);
      } finally {
        setLoading(false);
      }
    };

    getChainAndScan();
  }, [chainUrl, scanUrl]);

  return { ...data, loading };
};