react-logging-error-boundary

An error boundary component which sends your logs to Sentry and Loggly.

Usage

import React from "react"
import ReactDOM from "react-dom"
import LoggingErrorBoundary from "react-logging-error-boundary"
import GivesError from "./GivesError"
import { ErrorPage } from "./ErrorPage"
 
function App() {
  return (
    <div className="App">
      <LoggingErrorBoundary
        logService={{
          sentry: {
            dsn: "your sentry dsn"
          },
          loggly: { logglyKey: "your loggly key" }
        }}
        errorComponent={<ErrorPage />}
      >
        <GivesError />
      </LoggingErrorBoundary>
    </div>
  )
}
 
ReactDOM.render(<App />, document.getElementById("root"))

Properties

Property	Type	Required	Description
logService	object	no	object that contains your sentry and/or loggly configs
errorComponent	component	yes	If something is broken users will see this instead of red box