Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

testing error page

Browse Source
This commit is contained in:
Antoine M 2024-05-15 10:13:53 +02:00
parent 436c14fcc4
commit d66b618f22
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/index.js
View File

@ -7,15 +7,25 @@ import { BrowserRouter, Route, Routes, useLocation } from "react-router-dom";
import { AnimatePresence } from "framer-motion";
import Home from "./pages/Home.jsx";
import Profile from "./pages/Profile.jsx";
import {ErrorBoundary} from "./components/ErrorBoundary.jsx";
import { ErrorBoundary } from "react-error-boundary";
// import { ErrorBoundary } from "./components/ErrorBoundary.jsx";
const root = ReactDOM.createRoot(document.getElementById("root"));
function fallbackRender({ error, resetErrorBoundary }) {
return (
<div role='alert'>
<p>Something went wrong:</p>
<pre style={{ color: "red" }}>{error.message}</pre>
</div>
);
}
root.render(
<React.StrictMode>
<UserContextProvider>
<BrowserRouter>
<ErrorBoundary fallback={<p>Something went wrong</p>}>
<ErrorBoundary fallbackRender={fallbackRender}>
<App />
</ErrorBoundary>
</BrowserRouter>