cleaned up error boundary to be simpler

Author: johnwdunn20

package-react/example/server/models/technology.json

@@ -1,16 +1,7 @@
 [
-  {
-    "text": "test",
-    "liked": false,
-    "replies": [],
-    "createComment": false,
-    "timestamp": "Jul 24, 2024",
-    "username": "Guest",
-    "picture": "guest"
-  },
   {
     "text": "Agree on the dev experience. Also, for those looking to optimize their app's performance, React Query's automatic data fetching on window refocus or network reconnect is a neat feature. Reduces the need for manual refetching and ensures data is always fresh.",
-    "liked": false,
+    "liked": true,
     "createComment": false,
     "timestamp": "Mar 4, 2024",
     "username": "Marcus Holloway",

package-react/src/ErrorBoundary.tsx renamed to package-react/src/CustomErrorBoundary.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ErrorBoundary as ReactErrorBoundary, FallbackProps } from 'react-error-boundary';
+import { ErrorBoundary, FallbackProps } from 'react-error-boundary';
 
 // Fallback component to display when an error is caught
 const ErrorFallback: React.FC<FallbackProps> = ({ error }) => {
@@ -11,12 +11,12 @@ const ErrorFallback: React.FC<FallbackProps> = ({ error }) => {
 };
 
 // ErrorBoundary component wrapping the ErrorFallback
-const ErrorBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+const CustomErrorBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   return (
-    <ReactErrorBoundary FallbackComponent={ErrorFallback}>
+    <ErrorBoundary FallbackComponent={ErrorFallback}>
       {children}
-    </ReactErrorBoundary>
+    </ErrorBoundary>
   );
 };
 
-export default ErrorBoundary;
+export default CustomErrorBoundary;

package-react/src/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import Subscription from './Subscription';
 import TimeTravel from './TimeTravel';
-import ErrorBoundary from './ErrorBoundary';
+import CustomErrorBoundary from './CustomErrorBoundary';
 
 function ReactQueryRewind() {
   const [timeTravel, setTimeTravel] = useState(false);
@@ -49,13 +49,13 @@ function ReactQueryRewind() {
   }, []);
 
   return (
-    <ErrorBoundary>
+    <CustomErrorBoundary>
       {timeTravel ? (
         <TimeTravel />
       ) : (
         <Subscription handleMessages={handleMessages} />
       )}
-    </ErrorBoundary>
+    </CustomErrorBoundary>
   );
 }