Props for configuring the provider and the underlying client.
The provider element wrapping children.
"use client";
import { MonoCloudAuthProvider } from "@monocloud/auth-react";
export default function Root() {
return (
<MonoCloudAuthProvider
tenantDomain="https://your-tenant-domain"
clientId="your-client-id"
>
<App />
</MonoCloudAuthProvider>
);
}
"use client";
import { MonoCloudAuthProvider } from "@monocloud/auth-react";
import { useNavigate } from "react-router";
export default function Root() {
const navigate = useNavigate();
return (
<MonoCloudAuthProvider
tenantDomain="https://your-tenant-domain"
clientId="your-client-id"
autoProcessCallback={false}
postCallback={state => navigate(state.returnUrl ?? "/")}
>
<App />
</MonoCloudAuthProvider>
);
}
<MonoCloudAuthProvider>initializes the MonoCloud JavaScript client and makes the authentication state and actions available through useAuth.