@refinedev/core/src/hooks/data/useApiUrl.ts

refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.

import { pickNotDeprecated } from "@definitions/index";
import { useDataProvider, useResource } from "@hooks";

export const useApiUrl = (dataProviderName?: string): string => {
  const dataProvider = useDataProvider();
  const { resource } = useResource();

  const { getApiUrl } = dataProvider(
    dataProviderName ??
      pickNotDeprecated(resource?.meta, resource?.options)?.dataProviderName,
  );

  return getApiUrl();
};