184 Components
Error Stack Trace Inspector
CardsSentry and Bugsnag inspired error breakdown card with project vs vendor code frame filtering, inline source code context with error squiggles, and copy markdown issue formatting.
TypeError#evt_91b8a7c29e
Cannot read properties of undefined (reading 'permissions')
Call Stack (2 frames)
40 const session = await db.sessions.findUnique({ where: { token } });
41 const decrypted = decryptPayload(session.encryptedData);
42 if (session.user.permissions.includes('admin')) {
43 return grantSuperuser(session.user);
44 }
Installation
Install directly into your project using the shadcn CLI or copy the source code manually.
Requires:framer-motionlucide-reactclsxtailwind-merge
$npx shadcn@latest add "https://boseui.site/r/error-stack-trace-inspector.json"
Props
TypeScript props supported by <ErrorStackTraceInspector />.
| Prop | Type | Default | Description |
|---|---|---|---|
| errorType | string | "TypeError" | Class name of the runtime exception. |
| errorMessage | string | "Cannot read properties of undefined (reading 'permissions')" | Error message text. |
| eventId | string | "evt_91b8a7c29e" | Unique telemetry event identifier. |
Key Features
- Collapsible stack frames with file path, line, and function symbols.
- Toggle between in-app project code and external vendor dependencies.
- Inline code context viewer showing surrounding lines and error indicators.
- Quick actions to mark resolved and export formatted Markdown.
Keyboard & Accessibility
- Clear visual error cues and accessible button interactions.
- Accessible focus outlines on expandable frame buttons.