Merge pull request #83 from oslabs-beta/dev

Dev

Author: johnwdunn20

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

@@ -1,4 +1,13 @@
 [
+  {
+    "text": "test",
+    "liked": false,
+    "replies": [],
+    "createComment": false,
+    "timestamp": "Jul 24, 2024",
+    "username": "Guest",
+    "picture": "guest"
+  },
   {
     "text": "With the current market volatility, I'm exploring more into crypto. It's a high-risk, high-reward scenario, but diversification is key.",
     "liked": false,

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

@@ -1,7 +1,7 @@
 [
   {
     "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/package-lock.json

@@ -18,7 +18,7 @@
     "type": "git",
     "url": "git+https://github.com/oslabs-beta/react-query-rewind.git"
   },
-  "version": "2.1.11",
+  "version": "2.1.12",
   "description": "React Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools",
   "keywords": [
     "react",

package-react/package.json

@@ -32,7 +32,7 @@ export default {
       extensions: ['.js', '.jsx', '.ts', '.tsx'],
       exclude: 'node_modules/**' 
     }),
-    // terser(), // Minifies the bundles
+    terser(), // Minifies the bundles
   ]
 };
 

package-react/rollup.config.js

@@ -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/ErrorBoundary.tsx package-react/src/CustomErrorBoundary.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>
   );
 }
 

package-react/src/index.tsx

@@ -18,7 +18,7 @@
     "type": "git",
     "url": "git+https://github.com/oslabs-beta/react-query-rewind.git"
   },
-  "version": "1.1.8",
+  "version": "1.1.9",
   "description": "Svelte Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools",
   "keywords": [
     "svelte",

package-svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-query-rewind/vue-query-rewind",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "description": "Vue Query Rewind is a library that helps developers debug applications that use React Query (ie TanStack Query) by letting them time travel through state changes directly in their chrome dev tools",
   "type": "module",
   "files": [