---
title: Initialization Flow
description: What happens from provider mount to first render — the full consent lifecycle.
---
Configure callbacks in the provider to log lifecycle events, and add DevTools for a visual inspector:
```tsx
import { type ReactNode } from 'react';
import { ConsentManagerProvider, ConsentBanner, ConsentDialog } from '@c15t/nextjs';
import { DevTools } from '@c15t/dev-tools/react';
export default function ConsentManager({ children }: { children: ReactNode }) {
return (
{
console.log('Init complete:', { jurisdiction, location });
},
onConsentSet: ({ preferences }) => {
console.log('Broad consent lifecycle event:', preferences);
},
onConsentChanged: ({ allowedCategories, deniedCategories }) => {
console.log('Explicit consent change:', {
allowedCategories,
deniedCategories,
});
},
onBeforeConsentRevocationReload: ({ preferences }) => {
console.log('Reloading due to revocation:', preferences);
},
onError: ({ error }) => {
console.error('Consent error:', error);
},
},
}}
>
{process.env.NODE_ENV !== 'production' && }
{children}
);
}
```