The requested module '@sentry/react-router' does not provide an export named 'ErrorBoundary'

[pcdotfan]

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?

Self-hosted/on-premise

Which SDK are you using?

@sentry/react-router

SDK Version

10.25.0

Framework Version

React Router 7.9.2 (Node v22.20.0 / macOS / pnpm v9.9.0 / vite v7.1.7)

Link to Sentry event

No response

Reproduction Example/SDK Setup

https://stackblitz.com/edit/vitejs-vite-dz1cpmk3?file=app%2Fwelcome%2Fwelcome.tsx

Steps to Reproduce

Simply:

import { ErrorBoundary } from '@sentry/react-router';

export function ViewCount() {
  return (
    <ErrorBoundary fallback={<></>}>
      <div />
    </ErrorBoundary>
  );
}

// or

import * as Sentry from '@sentry/react-router';

export function ViewCount() {
  return (
    <Sentry.ErrorBoundary fallback={<></>}>
      <div />
    </Sentry.ErrorBoundary>
  );
}

Expected Result

Should work.

Actual Result

But we got:

[vite] The requested module '@sentry/react-router' does not provide an export named 'ErrorBoundary'

Additional Context

_{Tip: React with 👍 to help prioritize this issue. Please use comments to provide useful context, avoiding +1 or me too, to help us triage it.}

[linear]

JS-1155

[andreiborza]

Hi @pcdotfan, thanks for filing this.

Looks like the export exists for the client-side but not for server-side. I think this is something we overlooked and possibly should not be exported at all from the SDK.

In our docs we recommend to capture exceptions manually in error boundaries. Does that work for you?

[pcdotfan]

Thanks — this way it makes sense 👍