Blazor SSR error when rendermode is InteractiveWebAssembly

[xaberue]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

I'm working on a POC trying to understand the full potential of the new hosting model comming up with Blazor in .NET8,

The thing is that, if I understand correctly the intention with SSR, in the case of requiring user interactivity we can choose to have a client-side component with WASM, meanwhile static content can be rendered in server.

With this aim, I created a basic component server side rendered, with StreamRendering activated.

Then, a grid that also contain some buttons is also there, with a simple action button for navigating to the proper item detail. Something simple...

Expected Behavior

The page loads without further issues, and the UI interactivity works properly.

Steps To Reproduce

The proces is simple, and I'm following the same structure that MS provides with the new Blazor web application template

First, create a SSR Container component; Streaming rendering is enabled:

@page "/orders"
@using POC.Blazor.WebUI.SSR.Client.Components

@attribute [StreamRendering(true)]


<PageTitle>Orders TEST</PageTitle>

@if (!orders.Any())
{
    <p><em>Loading...</em></p>
}
else
{
    <OrdersGrid 
        Orders="@orders.AsQueryable()"
        @rendermode="RenderMode.InteractiveWebAssembly">
    </OrdersGrid>
}

The the grid, using QuickGrid, has a button for opening the detail of each item. This component is in the client library:

@using Microsoft.AspNetCore.Components.QuickGrid

<QuickGrid Items="@Orders">
    <PropertyColumn Property="@(p => p.Id)" Sortable="true" />
    <PropertyColumn Property="@(p => p.Name)" Sortable="true" />
    <PropertyColumn Property="@(p => p.Status)" Sortable="true" />
    <PropertyColumn Property="@(p => p.Priority)" Sortable="true" />
    <PropertyColumn Property="@(p => p.Blocked)" Sortable="true" />
    <PropertyColumn Property="@(p => p.User)" Sortable="true" />
    <PropertyColumn Property="@(p => p.RegisteredDateTime)" Sortable="true" />
    <PropertyColumn Property="@(p => p.DueDateTime)" Sortable="true" />

    <TemplateColumn Title="Actions">
        <button @onclick="@(() => OpenAsync(context))">Open</button>
    </TemplateColumn>
</QuickGrid>

Exceptions (if any)

Error: One or more errors occurred. (Could not parse the parameter value for parameter '{definition.Name}' of type '{definition.TypeName}' and assembly '{definition.Assembly}'.)
at Jn (c:\Workspace\POC.Blazor\POC.Blazor.WebUI.SSR\POC.Blazor.WebUI.SSR\wwwroot_framework\https:\raw.githubusercontent.com\dotnet\runtime\0b25e38ad32a69cd83ae246104b32449203cc71c\src\mono\wasm\runtime\marshal-to-js.ts:349:18)
at Ul (c:\Workspace\POC.Blazor\POC.Blazor.WebUI.SSR\POC.Blazor.WebUI.SSR\wwwroot_framework\https:\raw.githubusercontent.com\dotnet\runtime\0b25e38ad32a69cd83ae246104b32449203cc71c\src\mono\wasm\runtime\marshal-to-js.ts:306:28)

.NET Version

8.0.100-rc.2.23502.2

Anything else?

The point is that, if I remove the @rendermode in the container component, the grid is properly loadad without errors, but of course, there is no interactivity when pressing the buttons.

But If I enable the rendermode as shown in the code snippet above (1st one), it renders the grid, but a few seconds before, the error above is shown.

What could be the problem? Am I missing something? missunderstanding something? Or is it something that still needs to be fixed before the release version?

Many thanks in advance!

Thank you for filing this issue. In order for us to investigate this issue, please provide a minimal repro project that illustrates the problem without unnecessary code. Please share with us in a public GitHub repo because we cannot open ZIP attachments, and don't include any confidential content.

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. If it is closed, feel free to comment when you are able to provide the additional information and we will re-investigate.

See our Issue Management Policies for more information.

[xaberue]

Hi, sorry for the delay.

Here you have the repo project, also containing a README file with the steps to follow:

Steps

1. Open IssueLab.Blazor.WebApi, and run it (F5)
2. Open IssueLab.Blazor.Ssr, and run it (F5)
3. In the Blazor web page opened after step 2, navigate to Users
4. After a few seconds, the crash will appear

Notes

• The project is using also QuickGrid
• If I remove the rendermode in Users.razor, it will work, but of course without enabling the requried user interactivy. @rendermode="RenderMode.InteractiveWebAssembly"

[javiercn]

@xaberue thanks for the additional details.

The project is not public we believe (we can't access it).