Main router renderer component that displays the current route.
This component accesses the current route entry from RoutingContext and renders
the appropriate components. It supports React Suspense for lazy-loaded components
and can optionally use React 18 transitions for smoother route changes.
The component handles nested routes by creating a hierarchy of RouteComponentWrapper
components, where each level can render its own component and children.
Parameters
props: Props
Returns Element|null
Example
// Basic usage with Suspense fallback <RouterRendererfallback={<div>Loading...</div>}/>
// With React 18 transitions <RouterRenderer enableTransition fallback={<div>Loading...</div>} pending={<div>Navigating...</div>} />
Main router renderer component that displays the current route.
This component accesses the current route entry from RoutingContext and renders the appropriate components. It supports React Suspense for lazy-loaded components and can optionally use React 18 transitions for smoother route changes.
The component handles nested routes by creating a hierarchy of RouteComponentWrapper components, where each level can render its own component and children.