- Overview
- Getting Started
- Managing Stacks
- Manual Stacking
- Filtering & Searching
- Bulk Actions
- Project Settings
- Versioning
- Reference Ids
- User Sessions
- Notifications
- Log Levels
- Event De-Duplication
- Integrations
- FAQ
- Comparison
- Security
- API Usage
- Clients
- Self Hosting
React
Exceptionless can be configured in just about any JavaScript environment, but this section is dedicated to set up and use within the React framework.
Install #
To install exceptionless, you can use npm or yarn:
npm - npm install @exceptionless/react
yarn - yarn add @exceptionless/react
Initializing the Client #
Exceptionless provides a default singleton client instance. While we recommend
using the default client instance for most use cases, you can also create
custom instances (though that's beyond the scope of this guide).
import { Exceptionless } from "@exceptionless/react";
await Exceptionless.startup((c) => {
c.apiKey = "YOUR API KEY";
});
You can see an additional parameter passed into the configuration object as an
example. To see all the available options, take a look at our
configuration values here.
Using Exceptionless in a React App #
import { Exceptionless, ExceptionlessErrorBoundary } from "@exceptionless/react";
class App extends Component {1
async componentDidMount() {
await Exceptionless.startup((c) => {
c.apiKey = "YOUR API KEY";
});
}
render() {
return (
<ExceptionlessErrorBoundary>
<div>// YOUR APP COMPONENTS HERE</div>
</ExceptionlessErrorBoundary>
);
}
}
export default App;
With that set up, you can use the Exceptionless client anywhere in your app.