Home > react-directus > DirectusProvider
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
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>
);