converted ErrorBoundary to functional component

CHANGELOG.md

@@ -2,6 +2,12 @@
 
 Changelog format is loosely based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/). This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## 1.1.0
+
+### Changed
+
+- ErrorBoundary to functional component
+
 ## 1.0.0
 
 ### Added

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fhir-react",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "React component library for displaying FHIR Resources ",
   "main": "build/index.js",
   "peerDependencies": {

src/components/containers/FhirResource/FhirResource.js

@@ -1,35 +1,37 @@
-import React from 'react';
+import React, { useState } from 'react';
 import * as FhirResourceTypes from '../../supportedFhirResourceList';
 import ResourceContainer from '../ResourceContainer';
-class ErrorBoundary extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
 
-  componentDidCatch(error, info) {
-    // Display fallback UI
-    this.setState({ hasError: true, error });
-    // You can also log the error to an error reporting service
-    // logErrorToMyService(error, info);
-    console.error(
-      'An error occured when trying to render a FHIR Component:',
-      error,
-    );
-  }
+const ErrorBoundary = props => {
+  const [hasError, setHasError] = useState(false);
+  const [error, setError] = useState();
 
-  render() {
-    if (this.state.hasError) {
+  const errCheck = () => {
+    if (hasError) {
       // You can render any custom fallback UI
       return (
-        <ResourceContainer {...this.props}>
-          <FhirResourceTypes.Generic {...this.props} />
+        <ResourceContainer>
+          <FhirResourceTypes.Generic />
         </ResourceContainer>
       );
     }
-    return this.props.children;
+    return props.children;
+  };
+
+  try {
+    const content = errCheck();
+    return content;
+  } catch (err) {
+    setError(err);
+    setHasError(true);
+    console.error(
+      'An error occured when trying to render a FHIR Component:',
+      error,
+    );
+    const content = errCheck();
+    return content;
   }
-}
+};
 
 class FhirResource extends React.Component {
   renderSwitch() {