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 { AnimatePresence } from "framer-motion";
import Home from "./pages/Home.jsx"; import Home from "./pages/Home.jsx";
import Profile from "./pages/Profile.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")); 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( root.render(
<React.StrictMode> <React.StrictMode>
<UserContextProvider> <UserContextProvider>
<BrowserRouter> <BrowserRouter>
<ErrorBoundary fallback={<p>Something went wrong</p>}> <ErrorBoundary fallbackRender={fallbackRender}>
<App /> <App />
</ErrorBoundary> </ErrorBoundary>
</BrowserRouter> </BrowserRouter>