How to call C# function from javascript?

See more:

C#

Javascript

Blazor

I have a blazor asp.net core application. In my Hostcshtml.file body tag
i have this script added to it.

<script src="_framework/blazor.server.js" autostart="false"></script>

<script>
    Blazor.start().then(() => {
        Blazor.defaultReconnectionHandler._reconnectCallback = function (d) {
            // Invoke C# method from JavaScript to log the error
            DotNet.invokeMethodAsync('wsp.Blazor.Server.Logs', 'LogErrorFromJS', "Attempting to reconnect, Network Disconnect")
                .finally(() => {
                    // Reload the page after logging the error
                    document.location.reload();
                });
        };
    });
    console.log("testing");
</script>

Basically when ever attempting to connect to server appears I want to invoke C# function from this log class.


This is log class.

namespace wsp.Blazor.Server.Logs
{
    

    public static class LogTester
    {
        [JSInvokable]
        public static void LogErrorFromJS(string errorMessage)
        {
            // Call the logger to log the error
            Protokoll.GetLogger("").Error(errorMessage);
        }
    }

}

What I have tried:

Tried different ways to do this invoke function call, the debugger goes to DotNet.invokeMEthodAsync but then it does not reach or go to log function.