diff --git a/package-react/example/server/models/finance.json b/package-react/example/server/models/finance.json index ad09498..09353f7 100644 --- a/package-react/example/server/models/finance.json +++ b/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, diff --git a/package-react/example/server/models/technology.json b/package-react/example/server/models/technology.json index e1fd7a0..5d27cbc 100644 --- a/package-react/example/server/models/technology.json +++ b/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", diff --git a/package-react/package-lock.json b/package-react/package-lock.json index 6220224..6ccc6d7 100644 --- a/package-react/package-lock.json +++ b/package-react/package-lock.json @@ -1,12 +1,12 @@ { "name": "react-query-rewind", - "version": "2.1.6", + "version": "2.1.11", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "react-query-rewind", - "version": "2.1.6", + "version": "2.1.11", "license": "MIT", "dependencies": { "react-error-boundary": "^4.0.13" diff --git a/package-react/package.json b/package-react/package.json index 9bb3015..b00e0fe 100644 --- a/package-react/package.json +++ b/package-react/package.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", diff --git a/package-react/rollup.config.js b/package-react/rollup.config.js index d95f2a0..fa8ba7b 100644 --- a/package-react/rollup.config.js +++ b/package-react/rollup.config.js @@ -32,7 +32,7 @@ export default { extensions: ['.js', '.jsx', '.ts', '.tsx'], exclude: 'node_modules/**' }), - // terser(), // Minifies the bundles + terser(), // Minifies the bundles ] }; \ No newline at end of file diff --git a/package-react/src/ErrorBoundary.tsx b/package-react/src/CustomErrorBoundary.tsx similarity index 68% rename from package-react/src/ErrorBoundary.tsx rename to package-react/src/CustomErrorBoundary.tsx index 4b8942b..82799ce 100644 --- a/package-react/src/ErrorBoundary.tsx +++ b/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 = ({ error }) => { @@ -11,12 +11,12 @@ const ErrorFallback: React.FC = ({ error }) => { }; // ErrorBoundary component wrapping the ErrorFallback -const ErrorBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => { +const CustomErrorBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => { return ( - + {children} - + ); }; -export default ErrorBoundary; +export default CustomErrorBoundary; diff --git a/package-react/src/index.tsx b/package-react/src/index.tsx index 3fcdaec..fc3521c 100644 --- a/package-react/src/index.tsx +++ b/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 ( - + {timeTravel ? ( ) : ( )} - + ); } diff --git a/package-svelte/package.json b/package-svelte/package.json index 60d2490..8347d6a 100644 --- a/package-svelte/package.json +++ b/package-svelte/package.json @@ -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", diff --git a/package-vue/package.json b/package-vue/package.json index 8766b59..7a420c9 100644 --- a/package-vue/package.json +++ b/package-vue/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": [