Blazor webassembly, check if Policy exists

[rubeesh]

I am trying to load policies from database so that users can dynamically set the role permissions/policies. The problem is that the Authorization Policy validation happens even before completing the httpclient request and i get the error the policy doesnt exist.
Is there any way to make http request synchronous or pause Poilicy validation till the http reposne.

PolicyRole json sample

[
{ policy: "Administration",    roles: ["admin"] }, 
{ policy: "FinanceTransaction",  roles: ["admin","accountant"] },
…
]

AddAuthorizationCore

     public static async Task Main(string[] args)
        {
      
              var builder = WebAssemblyHostBuilder.CreateDefault(args);
              builder.RootComponents.Add<App>("#app");
              
              builder.Services.AddHttpClient(HttpClientType.Default, 
                              client =>  client.BaseAddress = new Uri(builder.HostEnvironment.BaseAddress));
              
              builder.Services.AddScoped(sp => sp.GetRequiredService<IHttpClientFactory>().CreateClient("Server.Api"));
                          
              
              builder.Services.AddAuthorizationCore(async options =>
                          {
                              var httpClientFactory = builder.Build().Services.GetRequiredService<IHttpClientFactory>();
                              var http = httpClientFactory.CreateClient("Server.Api");
              
                              var policyRoles = await http.GetFromJsonAsync<IEnumerable<PolicyRoles>>($"AppPolicy");
              
                              foreach (var policyRole in policyRoles)
                              {
                                  if (policyRole.Roles.Any())
                                      options.AddPolicy(policyRole.Policy, policy => { policy.RequireRole(policyRole.Roles); });
                              }
                          });
              
              
              await builder.Build().RunAsync();

         }

Razor Page

@page "/Items"

@attribute [Authorize(Policy = "FinanceTransaction")]

   <div class="row">
        <div class="col col-lg-9">
            @if (items == null)
            {
                <LoadingSpinner LoadFailed="@loadFailed" />
            }
            else
            {
                 .....
             }
    </div>
</div>

In this case if i try to directly open the above page i get the error
Unhandled exception rendering component: The AuthorizationPolicy named: 'FinanceTransaction' was not found

Is there any way to check if the policy is loaded or exists before page load ? or Is there any other better approach to this.