Comments (2)
This isn't stopping the root route from rendering in any way (outside of your example having an early return statement). So, the /
route matches and then that load redirects to /redirect
as expected. I'm not seeing how this behavior is unexpected in your example.
from react-router.
Thanks for the fast response @Timdor
The issue might be flawed understanding of react. I thought "rendering an element" in regards to react means "adding the element to the virtual DOM".
Due to returning on line 29 I thought the <Routprovider/> and therefore the <Route/> elements are never "rendered".
return 'router not rendered';
return <RouterProvider router={router} fallbackElement={<p>Loading...</p>} />;
Does "rendering an element" just mean creating it i the sense that the following code "renders" a div?
const myDiv = <div/>
In that case the creation of the element in the following code from the reproduction "renders" the route regardless of what the component acutally adds to the DOM, right?
let router = createBrowserRouter(
createRoutesFromChildren(
<>
<Route
path="/"
element={'home'}
loader={() => {
throw redirect('redirect');
}}
>
home
</Route>
<Route path="/redirect" element={'redirect'}></Route>
</>
)
);
from react-router.
Related Issues (20)
- [Docs]: for useSearchParams, functional updates should be explained in more detail HOT 3
- [Bug]: React router doesn't handle 'content://' URLs
- [Bug]: the state is not destroyed in the useFetcher hook with key parametr HOT 2
- [Bug]: Outlet component remounts in production when changing state above it HOT 2
- [Docs]: Docs for shouldRevalidate make it sound like it is only for opting out
- [Bug]: `useLocation` out of sync with `history.location`, leads to potential renders of unmatched `Route`s
- [Bug]: useLoaderData triggers component re rendering even if the route remains unchanged HOT 1
- [Bug]: Cloudflare Pages - Outlet not working. HOT 33
- [Bug]: No route matches URL in production build HOT 3
- [Bug]: <Outlet/> Component is not working in deployment HOT 1
- [Bug]: `window.location` is not updated after a call to `router.navigate()` HOT 1
- [Bug]: router doesn't work in production build, only shows blank. HOT 1
- [Bug]: `<Navigate>` can be canceled by `navigate("?x")` even if guarded by `if(navigation.state === "idle")` HOT 1
- [Bug]: Using embed in a route with param causes it to render the whole application inside the div. HOT 1
- [Docs]: V6 - Mixing up <Route /> with lists [<Route />, <Route />] within one <Routes /> looks working but isn't mentioned in the docs and covered in unit tests. HOT 1
- [Docs]: update state after action behavior HOT 1
- [Bug]: "Cannot find module './index' or its corresponding type declarations" in react-router-dom/server.d.ts HOT 5
- [Bug]: <Outlet/> not working in build production with Vite. HOT 4
- [Bug]: React Router 6 useLoaderData returning cached data after fresh data is returned by the loader function HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-router.