āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā ā š shadcn/directory/clerk/clerk-docs/guides/development/access-clerk-outside-components ā āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
The Clerk object is accessible using the useClerk() hook. However, if you need to access the Clerk object outside of React components, such as in utility functions or background tasks, you can use the getClerkInstance() function.
<Tabs items={["Fetch", "Axios"]}> <Tab> ```ts import { getClerkInstance } from '@clerk/clerk-expo'
export async function fetchFoo() {
const clerkInstance = getClerkInstance()
// Use `getToken()` to get the current session token
const token = await clerkInstance.session?.getToken()
const response = await fetch('/api/foo', {
headers: {
// Include the session token as a Bearer token in the Authorization header
Authorization: `Bearer ${token}`,
'Content-Type': 'application/json',
},
})
if (!response.ok) {
// Include status code and status text in error message
throw new Error(`API Error: ${response.status} ${response.statusText}`)
}
return response.json()
}
```
export async function fetchFoo() {
try {
const data = await axios.get('/api/foo')
return data
} catch (error) {
if (axios.isAxiosError(error) && error.response) {
throw new Error(`API Error: ${error.response.status} ${error.response.statusText}`)
}
throw new Error('Unknown error')
}
}
// Intercept requests and modify them to include the current session token
axios.interceptors.request.use(async (config) => {
const clerkInstance = getClerkInstance()
// Use `getToken()` to get the current session token
const token = await clerkInstance.session?.getToken()
if (token) {
// Include the session token as a Bearer token in the Authorization header
config.headers.Authorization = `Bearer ${token}`
}
return config
})
```
ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā