# AskAIProvider
# Overview
`AskAIProvider` supplies the AskAI context so you can render [`AskAI`](/docs/components/ask-ai) surfaces or call [`useAskAI`](/docs/components/use-ask-ai) anywhere in your tree without needing a preset surface wrapper.
This is useful when you want global access to chat actions (open, send, clear) while keeping the UI surfaces in a fixed place, such as a layout footer or floating panel.
## Usage
```tsx
import { AskAIProvider, AskAI, useAskAI } from 'peam/client';
function AskAICTA() {
const { sendMessage } = useAskAI();
return (
);
}
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{children}
);
}
```
## Context reuse
By default, [`AskAI`](/docs/components/ask-ai) will reuse an existing provider when one is present. If you need a local, isolated chat state, set `reuseContext={false}` on a nested `AskAI`.
```tsx
import { AskAIProvider, AskAI } from 'peam/client';
export default function Page() {
return (
);
}
```
## Props
`AskAIProvider` accepts the same props as [`AskAI`](/docs/components/ask-ai), including `endpoint`, `chatTransport`, and `persistence`.
## Sitemap
[Overview of all docs pages](/sitemap.md)