Using AuthorizeRouteView

Author: JByfordRew

demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/App.razor

@@ -1,7 +1,14 @@
 <CascadingAuthenticationState>
     <Router AppAssembly="@typeof(App).Assembly">
         <Found Context="routeData">
-            <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
+            <LayoutView Layout="@typeof(MainLayout)">
+                <TransitionableRoutePrimary RouteData="@routeData" ForgetStateOnTransition="true">
+                    <MyAuthorizeRouteView DefaultLayout="@typeof(MyViewLayout)" />
+                </TransitionableRoutePrimary>
+                <TransitionableRouteSecondary RouteData="@routeData" ForgetStateOnTransition="true">
+                    <MyAuthorizeRouteView DefaultLayout="@typeof(MyViewLayout)" />
+                </TransitionableRouteSecondary>
+            </LayoutView>
             <FocusOnNavigate RouteData="@routeData" Selector="h1" />
         </Found>
         <NotFound>

demo/aspnetcore6.0/v4/BlazorTransitionableRouteDemoServer/Shared/MyAuthorizeRouteView.razor

@@ -0,0 +1,14 @@
+@if (Transition?.RouteData != null)
+{
+    <CascadingValue Value="Transition">
+        <AuthorizeRouteView RouteData="@Transition.RouteData" DefaultLayout="@DefaultLayout"></AuthorizeRouteView>
+    </CascadingValue>
+}
+
+@code {
+    [CascadingParameter]
+    public Transition Transition { get; set; }
+
+    [Parameter]
+    public Type DefaultLayout { get; set; }
+}