@cosmos-kit/react-lite/esm/hooks/useNameService.js

cosmos-kit wallet connector

import { getNameServiceRegistryFromName, State, } from '@cosmos-kit/core';
import { useEffect, useMemo, useState } from 'react';
import { useManager } from './useManager';
export const useNameService = (name) => {
    const [state, setState] = useState(State.Pending);
    const [ns, setNS] = useState();
    const [msg, setMsg] = useState();
    const { defaultNameService, getNameService } = useManager();
    const registry = useMemo(() => getNameServiceRegistryFromName(name || defaultNameService), [name]);
    if (!registry) {
        throw new Error('No such name service: ' + (name || defaultNameService));
    }
    useEffect(() => {
        getNameService()
            .then((ns) => {
            setNS(ns);
            setState(State.Done);
        })
            .catch((e) => {
            setMsg(e.message);
            setState(State.Error);
        })
            .finally(() => {
            if (state === 'Pending') {
                setState(State.Init);
            }
        });
    }, [name]);
    return {
        state,
        data: ns,
        message: msg,
    };
};