hook.ts

// hook file

function Hook() {
  const [ value, setValue ] = useState(null)

  return {
    secret: {
      value,
      fetch: (params) => post("/url", params).then(setValue)
    }
  }
}

// react component

function Element {
  const { secret } = useInterface()

  function fetchSecret() {
    secret.fetch({ parameter: 123 })
  }

  console.info(secret.value)
}

promise.ts

// api file

export function postToSecret(params) {
  return post("/url", params)
}
  
// react component 


function Element {
  const [ value, setValue ] = useState(null)

  function fetchSecret() {
    postToSecret({ parameter: 123 }).then(setValue)
  }
            
  console.info(value)
}

</Route>
    <ProvideAuth>
      <ProvideInterface>
        <Switch>
          <Route path="/action">
            <ActionRouting />
          </Route>
          <Route exact path="/new">

const abc = useApi.accounts.fetch()
{ isPending || data } 

  const useQuery = (entity) => {
    const [data, setData] = useState();
    fetch(entity).then((x) => setData(x))
    return { data }
  }

useApi() { 
  return {
    account: useQuery(entity)
  }}

const {data} = useApi().account.fetch()

// hook

const account = (params) => {
  const [ data, setData ] = useState()
  post("/posts/create", params).then(x => setData(x))
  return { data }
}

function useWorkspaceCheck(): Hook {
  return {
    account
  }
}

// component

function onButtonClicked() {
    const abc = account({ param: 124 })
    console.info(abc)
}