updated react example and changed export paradigm in react package

Author: polluterofminds

example/react/src/App.js

@@ -1,29 +1,49 @@
-import React, { Component } from 'react';
-import './App.css';
-import { Exceptionless, ExceptionlessErrorBoundary } from "@exceptionless/react";
+import React, { Component } from "react";
+import "./App.css";
+import {
+  Exceptionless,
+  ExceptionlessErrorBoundary,
+} from "@exceptionless/react";
 
 class App extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      error: false,
+    };
+  }
   async componentDidMount() {
-    await Exceptionless.startup(c => {
-      c.apiKey = "LhhP1C9gijpSKCslHHCvwdSIz298twx271n1l6xw";
-      c.serverUrl = "http://localhost:5000";
+    await Exceptionless.startup((c) => {
+      c.apiKey = "YOUR API KEY";
       c.useDebugLogger();
 
       c.defaultTags.push("Example", "React");
-    })
+    });
   }
 
-  render() {
-    return (
-      <ExceptionlessErrorBoundary>
+  throwErrorInComponent = () => {
+    this.setState({ error: true });
+  };
+
+  renderExample = () => {
+    if (this.state.error) {
+      throw new Error("I crashed!");
+    } else {
+      return (
         <div className="App">
           <header className="App-header">
             <h1 className="App-title">Exceptionless React Sample</h1>
+            <button onClick={this.throwErrorInComponent}>Throw Error</button>
           </header>
-          <p className="App-intro">
-            To get started, edit <code>src/App.js</code> and save to reload.
-          </p>
         </div>
+      );
+    }
+  };
+
+  render() {
+    return (
+      <ExceptionlessErrorBoundary>
+        {this.renderExample()}
       </ExceptionlessErrorBoundary>
     );
   }

packages/react/src/ExceptionlessErrorBoundary.tsx

@@ -5,7 +5,7 @@ type ErrorState = {
   hasError: boolean;
 };
 
-export class ExceptionlessErrorBoundary extends Component<{}, ErrorState> {
+export default class ExceptionlessErrorBoundary extends Component<{}, ErrorState> {
   constructor(props) {
     super(props);
   }

packages/react/src/index.ts

@@ -1,3 +1,4 @@
-export { Exceptionless } from "@exceptionless/browser";
+import { Exceptionless } from "@exceptionless/browser";
+import ExceptionlessErrorBoundary from "./ExceptionlessErrorBoundary.js";
 
-export { ExceptionlessErrorBoundary } from "./ExceptionlessErrorBoundary.js";
+export { Exceptionless, ExceptionlessErrorBoundary }