Commit 9c313f6

committed

cleaned up error boundary to be simpler

1 parent 2bd6e4b commit 9c313f6Copy full SHA for 9c313f6

File tree

-18

lines changed

-18

lines changed

Lines changed: 1 addition & 10 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,16 +1,7 @@`
`1`	`1`	`[`
`2`		`- {`
`3`		`- "text": "test",`
`4`		`- "liked": false,`
`5`		`- "replies": [],`
`6`		`- "createComment": false,`
`7`		`- "timestamp": "Jul 24, 2024",`
`8`		`- "username": "Guest",`
`9`		`- "picture": "guest"`
`10`		`- },`
`11`	`2`	`{`
`12`	`3`	`"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.",`
`13`		`- "liked": false,`
	`4`	`+ "liked": true,`
`14`	`5`	`"createComment": false,`
`15`	`6`	`"timestamp": "Mar 4, 2024",`
`16`	`7`	`"username": "Marcus Holloway",`

Lines changed: 5 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`import React from 'react';`
`2`		`-import { ErrorBoundaryasReactErrorBoundary, FallbackProps } from 'react-error-boundary';`
	`2`	`+import { ErrorBoundary, FallbackProps } from 'react-error-boundary';`
`3`	`3`
`4`	`4`	`// Fallback component to display when an error is caught`
`5`	`5`	`const ErrorFallback: React.FC<FallbackProps> = ({ error }) => {`
`@@ -11,12 +11,12 @@ const ErrorFallback: React.FC<FallbackProps> = ({ error }) => {`
`11`	`11`	`};`
`12`	`12`
`13`	`13`	`// ErrorBoundary component wrapping the ErrorFallback`
`14`		`-const ErrorBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => {`
	`14`	`+const CustomErrorBoundary: React.FC<{ children: React.ReactNode }> = ({ children }) => {`
`15`	`15`	`return (`
`16`		`- <ReactErrorBoundary FallbackComponent={ErrorFallback}>`
	`16`	`+ <ErrorBoundary FallbackComponent={ErrorFallback}>`
`17`	`17`	`{children}`
`18`		`- </ReactErrorBoundary>`
	`18`	`+ </ErrorBoundary>`
`19`	`19`	`);`
`20`	`20`	`};`
`21`	`21`
`22`		`-export default ErrorBoundary;`
	`22`	`+export default CustomErrorBoundary;`

Lines changed: 3 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`import React, { useEffect, useRef, useState } from 'react';`
`2`	`2`	`import Subscription from './Subscription';`
`3`	`3`	`import TimeTravel from './TimeTravel';`
`4`		`-import ErrorBoundary from './ErrorBoundary';`
	`4`	`+import CustomErrorBoundary from './CustomErrorBoundary';`
`5`	`5`
`6`	`6`	`function ReactQueryRewind() {`
`7`	`7`	`const [timeTravel, setTimeTravel] = useState(false);`
`@@ -49,13 +49,13 @@ function ReactQueryRewind() {`
`49`	`49`	`}, []);`
`50`	`50`
`51`	`51`	`return (`
`52`		`- <ErrorBoundary>`
	`52`	`+ <CustomErrorBoundary>`
`53`	`53`	`{timeTravel ? (`
`54`	`54`	`<TimeTravel />`
`55`	`55`	`) : (`
`56`	`56`	`<Subscription handleMessages={handleMessages} />`
`57`	`57`	`)}`
`58`		`- </ErrorBoundary>`
	`58`	`+ </CustomErrorBoundary>`
`59`	`59`	`);`
`60`	`60`	`}`
`61`	`61`

Comments

(0)