ApiProvider

February 9, 2026 ยท View on GitHub

Provides API client instances (profilesApi, commonSettingsApi) to the component tree via React Context.

Props

PropTypeRequiredDescription
urlstringYesBase URL of the DocSpace API
apiKeystringYesAPI key for authentication
childrenReact.ReactNodeYesChild components that consume the API

useApi() Hook

Returns an object with:

PropertyTypeDescription
profilesApiProfilesApiAPI client for user profiles
commonSettingsApiCommonSettingsApiAPI client for common settings

Throws an error if used outside of ApiProvider.

Usage

import { ApiProvider, useApi } from "@docspace/ui-kit/providers/api";

function App() {
  return (
    <ApiProvider url="https://your-docspace.com" apiKey="your-api-key">
      <MyComponent />
    </ApiProvider>
  );
}

function MyComponent() {
  const { profilesApi, commonSettingsApi } = useApi();

  // Use the API clients...
}