useConfig Hook

Access the application configuration passed to the top-level Provider

Basic Usage:

import { useConfig } from '@dhis2/app-runtime'

// Within a functional component body
const { baseUrl, apiVersion } = useConfig()

Input

None

Output

This hook returns an object of type Config.

Example

import React from 'react'
import { useConfig } from '@dhis2/app-runtime'

export const MyComponent = () => {
    const { baseUrl, apiVersion } = useConfig()
    return
    ;<div>
        <span>
            <strong>Base URL</strong> : {baseUrl}
        </span>
        <span>
            <strong>API Version</strong> : {apiVersion}
        </span>
    </div>
}