CoreWebView2.AddHostObjectToScript throws exception "The group or resource is not in the correct state to perform the requested operation."

Description
I'm trying to add a host object into a WebView2, but I'm getting the following exception:

The group or resource is not in the correct state to perform the requested operation.

Version
SDK: Microsoft.Web.WebView2 version 1.0.1264.42
Runtime: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.27
Framework: UWP
OS: Win10 version 10.0.19043 Build 19043

Repro Steps

This is the code that I'm running:

[ClassInterface(ClassInterfaceType.AutoDual)]
[ComVisible(true)]
public class Example
{
    public string Prop { get; set; } = "example";
}

namespace Example_UWP
{
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            InitializeComponent();
            InitializeAsync();
        }

        public async Task InitializeAsync()
        {
            await ExampleView.EnsureCoreWebView2Async();

            ExampleView.Source = new Uri("http://localhost:3000");
            ExampleView.CoreWebView2.OpenDevToolsWindow();

            ExampleView.CoreWebView2.AddHostObjectToScript("example", new Example());
        }
    }
}

After the exception, the host object is not available in chrome.webview.hostObjects or chrome.webview.hostObjects.sync.

I've tried different potential solutions such as:

• Keeping a reference to the Example instance in an attribute inside Example_UWP to avoid potential GC
• Adding the host object before and after each of the previous steps within InitializeAsync
• Wait for the event NavigationCompleted to add the host object.
• Wait for 5 seconds before adding the host object.