111 questions
1 vote
1 answer
124 views
React-Error-Boundary what's the difference between fallbackRender and fallbackComponent?
I'm trying to understand react-error-boundary better but from what I see in the documentation I can do exactly the same thing with either only one takes a function as a parameter and the other one ...
0 votes
1 answer
64 views
Electron app, after erroring and being relaunched, only partially relaunches. Why?
I have read the docs and many posts (here and elsewhere) on this subject with no joy thus far It's a TypeScript Electron app built with Electron-Vite app, developed in VS Code // package.json "...
0 votes
1 answer
140 views
Prevent Error Boundary from Replacing UI and Instead Show an Alert
I'm using an Error Boundary in my React application to catch errors in child components. However, whenever an error occurs, the entire component tree under the Error Boundary gets replaced by the ...
1 vote
0 answers
167 views
react-error-boundary renders fallback but still shows red screen
I have a component- const DataMonitor = () => { throw new Error("Test Error"); return ( <div>Hello</div> ) }; export default DataMonitor; In my ...
2 votes
0 answers
310 views
Error: Cannot query the value of this provider because it has no value available when running react-native run-android
I am encountering an issue while trying to run my React Native application on Android using the command: react-native run-android The build fails with the following error: Could not determine the ...
0 votes
1 answer
219 views
React lazy components with poor internet connectivity and error boundaries: Failed import due to poor connectivity seems to be cached even when online
In an "offline-first" app (which optimistically updates local state and gracefully handles errors by rolling back local state changes, for example), some features may still require internet ...
1 vote
1 answer
748 views
Next.js data fetching using Suspense and ErrorBoundary
I am trying to wrap my head around how to conveniently work with data fetching in Next.js 15 (app router) using Suspense and ErrorBoundary. Below please find my current approach. This works fine. But ...
1 vote
0 answers
66 views
ErrorBoundary not catching the error I throw from API call
I have an app that using open api yaml + axios. I create an customInstance for API call, the function is : export const customInstance = async <T>( config: AxiosRequestConfig ): Promise<T&...
1 vote
0 answers
61 views
Is it possible to use a global error handler to show a react error component instead of a broken component
I use the react-error-boundary library, is there no way to make a global error component in it, so that when any component breaks, an error component is substituted instead, while IT is IMPORTANT that ...
1 vote
1 answer
606 views
not-found.tsx page in the context of multiple root layout.jsx in Next JS
I hope someone might be able to help. I have this page structure in my NextJS 14 app: app/ (admin)/ layout.tsx (web)/ layout.tsx page.tsx not-found.tsx Note that ...
0 votes
1 answer
1k views
Error Handling error in app router in nextJS14
Tried to use the error boundary handling feature of nextJS in this project. While it redirects to the error component, I get errors on the console. This is my test component where I force an error. ...
3 votes
0 answers
892 views
Nextjs Error boundary with SSR (page router)
Currently when an error occurs while nextjs is rendering a page on the server side I can see in the browser network tab a document request that is getting a status 500 response and a white page with ...
0 votes
0 answers
1k views
Next.js app router error boundary - sending more than just an error message from a server component
All of our fetch work is being done in server components. When a fetch fails, we throw an error in a server component: // MyServerComponent making the fetch call try{ fetch(.....) }catch(e){ ...
0 votes
1 answer
510 views
How to handle error with react-query and ErrorBoundary - Runtime error
enter image description here const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement); root.render( <React.StrictMode> <ErrorBoundary fallback={<...
1 vote
0 answers
1k views
Pattern for ErrorBoundary + TanStack's useQuery
Installed dependencies @tanstack/react-query: "^4.29.5" react-error-boundary: "^4.0.13" I can't seem to get Error boundaries working. I've stripped down my components to be the ...