docs(react-native): Document AI SDK integrations#17416
Merged
Conversation
The OpenAI, Anthropic, Google Gen AI, LangChain, and LangGraph integrations can be used from React Native apps through the manual client wrappers (`instrumentOpenAiClient`, `instrumentAnthropicAiClient`, `instrumentGoogleGenAIClient`, `createLangChainCallbackHandler`, `instrumentLangGraph`). The OpenTelemetry-based auto-instrumentation path does not work on React Native. - Add `javascript.react-native` to the `supported` frontmatter of the five integration pages so they render under the React Native platform. The existing `<PlatformSection>` gating ensures only the manual-instrumentation sections are shown. - Extract the shared "Using Integration Helpers" and "Manual Span Creation" body into `includes/ai-agent-monitoring/manual-instrumentation.mdx` so the browser and React Native pages stay in sync. - Add a new `docs/platforms/react-native/ai-agent-monitoring/` page mirroring the browser version. - Note on the Vercel AI integration page that it is not supported on React Native (OTel + Node.js-only telemetry) and point users at the React Native AI Agent Monitoring page. Refs #5297 Refs getsentry/sentry-react-native#6028 Co-Authored-By: Claude <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
1 Skipped Deployment
|
alwx
commented
Apr 21, 2026
|
|
||
| </Alert> | ||
|
|
||
| ## Using Integration Helpers |
Contributor
Author
There was a problem hiding this comment.
that's not a huge removal, just small restructuring in order to make it shared between browser and react native docs
antonis
reviewed
Apr 21, 2026
The vercelAIIntegration page is not in React Native's supported list, so the warning only rendered on Node and meta-framework platforms where it would be noise, not on the React Native docs where it was intended.
antonis
approved these changes
Apr 21, 2026
Contributor
antonis
left a comment
antonis
left a comment
There was a problem hiding this comment.
LGTM 🚀
Let's wait for getsentry/sentry-react-native#6028 to ship with 8.9.0 before merging
antonis
reviewed
Apr 24, 2026
Comment on lines
+10
to
+14
| - <PlatformLink to="/configuration/integrations/openai/">OpenAI</PlatformLink> | ||
| - <PlatformLink to="/configuration/integrations/anthropic/">Anthropic</PlatformLink> | ||
| - <PlatformLink to="/configuration/integrations/google-genai/">Google Gen AI SDK</PlatformLink> | ||
| - <PlatformLink to="/configuration/integrations/langchain/">LangChain</PlatformLink> | ||
| - <PlatformLink to="/configuration/integrations/langgraph/">LangGraph</PlatformLink> |
Contributor
There was a problem hiding this comment.
h: I think something like this should solve the 404 errors 🤞
Suggested change
| - <PlatformLink to="/configuration/integrations/openai/">OpenAI</PlatformLink> | |
| - <PlatformLink to="/configuration/integrations/anthropic/">Anthropic</PlatformLink> | |
| - <PlatformLink to="/configuration/integrations/google-genai/">Google Gen AI SDK</PlatformLink> | |
| - <PlatformLink to="/configuration/integrations/langchain/">LangChain</PlatformLink> | |
| - <PlatformLink to="/configuration/integrations/langgraph/">LangGraph</PlatformLink> | |
| - <Link to="/platforms/javascript/configuration/integrations/openai/">OpenAI</Link> | |
| - <Link to="/platforms/javascript/configuration/integrations/anthropic/">Anthropic</Link> | |
| - <Link to="/platforms/javascript/configuration/integrations/google-genai/">Google Gen AI SDK</Link> | |
| - <Link to="/platforms/javascript/configuration/integrations/langchain/">LangChain</Link> | |
| - <Link to="/platforms/javascript/configuration/integrations/langgraph/">LangGraph</Link> |
The 'Manual Instrumentation' link list in the shared AI Agent Monitoring include pointed at `/configuration/integrations/<name>/`, which 404'd on React Native. Adding `javascript.react-native` to the JavaScript common integration page frontmatter has no effect — common pages only propagate within their own platform tree, not across to top-level platforms like react-native. Replace that approach with native React Native integration pages: - Revert the (no-op) `javascript.react-native` additions on the five JavaScript common integration files. - Create five focused RN integration pages under `docs/platforms/react-native/integrations/`: `openai.mdx`, `anthropic.mdx`, `google-genai.mdx`, `langchain.mdx`, `langgraph.mdx`. Each documents only the manual client wrapper that works in React Native and links back to the AI Agent Monitoring overview. - Update the shared `includes/ai-agent-monitoring/manual-instrumentation` link list so the supported-libraries list points at `/integrations/<name>/` on React Native and at `/configuration/integrations/<name>/` on every other platform.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
DESCRIBE YOUR PR
Documents the OpenAI, Anthropic, Google Gen AI, LangChain, and LangGraph integrations for React Native.
The automatic (OpenTelemetry-based) integrations for these SDKs ship only in
@sentry/nodeand rely on Node.js require-hooks that aren't available on Hermes/JavaScriptCore. But the manual client wrappers (instrumentOpenAiClient,instrumentAnthropicAiClient,instrumentGoogleGenAIClient,createLangChainCallbackHandler,instrumentLangGraph) work in any JS runtime — including React Native.Depends on getsentry/sentry-react-native#6028. Closes getsentry/sentry-react-native#5297.
IS YOUR CHANGE URGENT?
PRE-MERGE CHECKLIST
LEGAL BOILERPLATE
Look, I get it. The entity doing business as "Sentry" was incorporated in the State of Delaware in 2015 as Functional Software, Inc. and is gonna need some rights from me in order to utilize my contributions in this here PR. So here's the deal: I retain all rights, title and interest in and to my contributions, and by keeping this boilerplate intact I confirm that Sentry can use, modify, copy, and redistribute my contributions, under Sentry's choice of terms.
EXTRA RESOURCES