# React error "Maximum update depth exceeded"

## Issue

I am using the AI SDK in a React project with the `useChat` or `useCompletion` hooks
and I get the following error when AI responses stream in: `Maximum update depth exceeded`.

## Background

By default, the UI is re-rendered on every chunk that arrives.
This can overload the rendering, especially on slower devices or when complex components
need updating (e.g. Markdown). Throttling can mitigate this.

## Solution

Use the `experimental_throttle` option to throttle the UI updates:

### `useChat`

```tsx filename="page.tsx" highlight="2-3"
const { messages, ... } = useChat({
  // Throttle the messages and data updates to 50ms:
  experimental_throttle: 50
})
```

### `useCompletion`

```tsx filename="page.tsx" highlight="2-3"
const { completion, ... } = useCompletion({
  // Throttle the completion and data updates to 50ms:
  experimental_throttle: 50
})
```


## Navigation

- [Azure OpenAI Slow to Stream](/v4/docs/troubleshooting/azure-stream-slow)
- [Client-Side Function Calls Not Invoked](/v4/docs/troubleshooting/client-side-function-calls-not-invoked)
- [Server Actions in Client Components](/v4/docs/troubleshooting/server-actions-in-client-components)
- [useChat/useCompletion stream output contains 0:... instead of text](/v4/docs/troubleshooting/strange-stream-output)
- [Streamable UI Errors](/v4/docs/troubleshooting/streamable-ui-errors)
- [Tool Invocation Missing Result Error](/v4/docs/troubleshooting/tool-invocation-missing-result)
- [Streaming Not Working When Deployed](/v4/docs/troubleshooting/streaming-not-working-when-deployed)
- [Streaming Not Working When Proxied](/v4/docs/troubleshooting/streaming-not-working-when-proxied)
- [Getting Timeouts When Deploying on Vercel](/v4/docs/troubleshooting/timeout-on-vercel)
- [Unclosed Streams](/v4/docs/troubleshooting/unclosed-streams)
- [useChat Failed to Parse Stream](/v4/docs/troubleshooting/use-chat-failed-to-parse-stream)
- [Server Action Plain Objects Error](/v4/docs/troubleshooting/client-stream-error)
- [useChat No Response with maxSteps](/v4/docs/troubleshooting/use-chat-tools-no-response)
- [useChat "An error occurred"](/v4/docs/troubleshooting/use-chat-an-error-occurred)
- [streamText fails silently](/v4/docs/troubleshooting/stream-text-not-working)
- [NaN token counts when using streamText with OpenAI models](/v4/docs/troubleshooting/nan-token-counts-openai-streaming)
- [Model is not assignable to type "LanguageModelV1"](/v4/docs/troubleshooting/model-is-not-assignable-to-type)
- [TypeScript error "Cannot find namespace 'JSX'"](/v4/docs/troubleshooting/typescript-cannot-find-namespace-jsx)
- [React error "Maximum update depth exceeded"](/v4/docs/troubleshooting/react-maximum-update-depth-exceeded)
- [Jest: cannot find module 'ai/rsc'](/v4/docs/troubleshooting/jest-cannot-find-module-ai-rsc)
- [Schema must be JSON Schema of type object error](/v4/docs/troubleshooting/zod-v4-json-schema-type-error)


[Full Sitemap](/sitemap.md)