---
title: DevTools
description: A development tool for inspecting consent state, geolocation, loaded scripts, and consent events in real time.
---
## Usage
```tsx
import { type ReactNode } from 'react';
import { ConsentManagerProvider } from '@c15t/react';
import { DevTools } from '@c15t/dev-tools/react';
export function ConsentManager({ children }: { children: ReactNode }) {
return (
{children}
{process.env.NODE_ENV === 'development' && }
);
}
```