[React] Missing Sentry import within setup instructions

[Huggyduggy]

Is there an existing issue for this?

• I have checked for existing issues https://github.com/getsentry/sentry-javascript/issues
• I have reviewed the documentation https://docs.sentry.io/
• I am using the latest SDK release https://github.com/getsentry/sentry-javascript/releases

How do you use Sentry?

Sentry Saas (sentry.io)

Which SDK are you using?

@sentry/react

SDK Version

Docs

Framework Version

Docs

Link to Sentry event

No response

Reproduction Example/SDK Setup

Hi there,

As I haven't found any more specific way to submit doc-related related feedback:

Within @sentry/react docs on react >= 19 error hooks, imho the docs are missing the Sentry import:

https://docs.sentry.io/platforms/javascript/guides/react/#configure-error-hooks-react-19

BR

import { createRoot } from "react-dom/client";
const container = document.getElementById(“app”);
const root = createRoot(container, {
  // Callback called when an error is thrown and not caught by an ErrorBoundary.
  onUncaughtError: Sentry.reactErrorHandler((error, errorInfo) => {
    console.warn('Uncaught error', error, errorInfo.componentStack);
  }),
  // Callback called when React catches an error in an ErrorBoundary.
  onCaughtError: Sentry.reactErrorHandler(),
  // Callback called when React automatically recovers from errors.
  onRecoverableError: Sentry.reactErrorHandler(),
});
root.render();

Steps to Reproduce

Go to docs

Expected Result

import { createRoot } from "react-dom/client";
import * as Sentry from '@sentry/react';

const container = document.getElementById(“app”);
const root = createRoot(container, {
// Callback called when an error is thrown and not caught by an ErrorBoundary.
onUncaughtError: Sentry.reactErrorHandler((error, errorInfo) => {
console.warn('Uncaught error', error, errorInfo.componentStack);
}),
// Callback called when React catches an error in an ErrorBoundary.
onCaughtError: Sentry.reactErrorHandler(),
// Callback called when React automatically recovers from errors.
onRecoverableError: Sentry.reactErrorHandler(),
});
root.render();

Actual Result

import { createRoot } from "react-dom/client";

const container = document.getElementById(“app”);
const root = createRoot(container, {
// Callback called when an error is thrown and not caught by an ErrorBoundary.
onUncaughtError: Sentry.reactErrorHandler((error, errorInfo) => {
console.warn('Uncaught error', error, errorInfo.componentStack);
}),
// Callback called when React catches an error in an ErrorBoundary.
onCaughtError: Sentry.reactErrorHandler(),
// Callback called when React automatically recovers from errors.
onRecoverableError: Sentry.reactErrorHandler(),
});
root.render();

[andreiborza]

Hi @Huggyduggy, thanks for filing this. I moved this into our docs repo.

We'll take care of this, or if you want to contribute feel free to open up a PR here.

[Huggyduggy]

Oh my - haven't looked for a docs-repo. Thanks, Andrei!