react-directus

Home > react-directus > DirectusProvider

DirectusProvider variable

DirectusProvider is a React Context Provider that provides an instance of the Directus SDK and the apiUrl to all child components.

Signature:

DirectusProvider: <T extends TypeMap = TypeMap>({ apiUrl, options, autoLogin, children, }: DirectusProviderProps) => JSX.Element

Example

Here is an example of how to use DirectusProvider

  import { App } from './App';
  import { DirectusProvider } from 'react-directus';
  import { createRoot } from 'react-dom/client';

  const root = createRoot(document.getElementById('root'));
  root.render(
    <DirectusProvider apiUrl="https://api.example.com" options= >
      <App />
    </DirectusProvider>
  );