Blazor wasm: Reference Javascript function with IJSObjectReference

[Socolin]

Describe the bug

When I'm trying to reference a javascript function in JS I'm getting this error.

Uncaught (in promise) Error: Cannot create a JSObjectReference from the value 'function () {
        console.log('Hello !');
}'.

To Reproduce

In a .js file put

function funcReference() {
    return function () {
        console.log('Hello !');
    }
}

Then

@inject IJSRuntime _jsRuntime
...
await _jsRuntime.InvokeVoidAsync("loadScript", "js/launcher-wrapper.js");

Further technical details

• Version: 6.0

Use case:

What I'm trying to achieve is to call a JS function from .NET and give it a callback to a .NET method.
Something like:

function __simple_callback(name, dotnetReference) {
    return function () {
        console.log('in __simple_callback');
        dotnetReference.invokeMethodAsync(name, ...arguments);
    }
}

await _jsRuntime.InvokeVoidAsync("someJsMethod", DotNetObjectReference.Create(new {
    onError = await _jsRuntime.InvokeAsync<IJSObjectReference>("__simple_callback", "OnError")
});


[JSInvokable]
public void OnError(string message) {
  // Something
}

[javiercn]

@Socolin thanks for contacting us.

This is a dupe of #38517. Consider upvoting that issue instead

[Socolin]

@javiercn What is the dupe issue # ? You linked this one in your comment

[javiercn]

#31151