@prosesenv/monitoring-react

React SDK for the Monitoring Platform - Track errors, performance, and user interactions in your React applications.

Installation

npm install @prosesenv/monitoring-react

Quick Start

import { MonitoringProvider, useMonitoring } from '@prosesenv/monitoring-react';

function App() {
  return (
    <MonitoringProvider
      projectId={123}
      platform="web"
      apiKey="your-api-key"
      endpoint="https://prosesenv.com:3001" // Optional: defaults to https://prosesenv.com:3001
    >
      <YourApp />
    </MonitoringProvider>
  );
}

function YourComponent() {
  const { trackError, trackPerformance } = useMonitoring();
  
  // Track errors
  const handleError = (error) => {
    trackError(error, { component: 'YourComponent' });
  };
  
  // Track performance
  const handlePerformance = () => {
    trackPerformance('custom_metric', 123.45);
  };
  
  return <div>Your component</div>;
}

Features

• ✅ Error tracking with stack traces
• ✅ Performance monitoring
• ✅ API call tracking
• ✅ Database query tracking
• ✅ Platform-based data segregation
• ✅ TypeScript support

Migration from v1.x

See SDK_MIGRATION_GUIDE.md for detailed migration instructions.