HealthCheck UI is empty

[RagnarGothur]

Hello!
In my case the "/health-api" works as expected: returns json with healthcheck results. But there are no any healthcheck results on "/health-ui" because the "/health-ui-api" returns an empty array.
Configuration examples:

services
                .AddHealthChecks()
                .AddCheck("Self", () => HealthCheckResult.Healthy())
                .AddNpgSql(
                    name: "Database",
                    npgsqlConnectionString: Configuration.GetValue<string>("ConnectionString"),
                    healthQuery: "SELECT 1;",
                    failureStatus: HealthStatus.Degraded
                )
                .Services
                .AddHealthChecksUI()
                .AddInMemoryStorage(options =>
                {
                    options.EnableDetailedErrors();
                });


app
                .UseRouting()
                .UseEndpoints(config =>
                {
                    config.MapHealthChecks("/health-api", new HealthCheckOptions
                    {
                        Predicate = _ => true,
                        ResponseWriter = UIResponseWriter.WriteHealthCheckUIResponse
                    });

                    config.MapHealthChecksUI(setup =>
                    {
                        setup.UIPath = "/health-ui";
                        setup.ApiPath = "/health-ui-api";
                    });

                    config.MapDefaultControllerRoute();
                });

All of the packages have 3.1.1 version.
How can I fix it?

[RagnarGothur]

Finally got it working by changing code like this:
.AddHealthChecksUI(settings => settings.AddHealthCheckEndpoint("checks", "/health-api")).
But I still wonder why the code sample from UIAndApiCustomization didn't work for me. Can someone explain that unclear behavior please?

[Odonno]

I have the same result you have. Seems like the code sample is broken at the moment.

But, to me, it feels more natural and logic to specify the endpoints yourself. If no endpoint provided, then no result (empty UI). So, the default behavior would be to do this:

services.AddHealthChecksUI(settings =>
{
    settings.AddHealthCheckEndpoint("Self", "/healthz");
});

[CarlosLanderas]

@RagnarGothur , I see you are using AddHealthChecks without the setup configuration,that means that your settings must be specified in appsettings, secrets or environment variables, where you should specify the target healthcheck endpoints.

you can also specify the remote endpoints as @Odonno says:

services.AddHealthChecksUI(settings =>
{
    settings.AddHealthCheckEndpoint("endpoint1", "/healthz");
});

Could you show your appsettings configuration?. They should have /health-api segment that you specified in MapHealthChecks method

EDIT: In your second answer it's working because you properly specified the /health-api. If you dont use the setup method you need to configure the healthcheck in appsettings like this:

"HealthChecksUI": {
    "HealthChecks": [
      {
        "Name": "Http and UI on single project with customizations-1",
        "Uri": "/health-api"
      }
    ],

The UIAndApiCustomization is working fine for me: