import type { ErrorInfo } from 'react'
import { callMonitored, clocksNow, createHandlingStack } from '@flashcatcloud/browser-core'
import { onRumStart } from '../reactPlugin'

export function addReactError(error: Error, info: ErrorInfo) {
  const handlingStack = createHandlingStack('react error')
  const startClocks = clocksNow()
  onRumStart((strategy) => {
    callMonitored(() => {
      strategy.addError({
        error,
        handlingStack,
        componentStack: info.componentStack ?? undefined,
        context: { framework: 'react' },
        startClocks,
      })
    })
  })
}