RenderMode not working with razor class libraries

[musictopia2]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

When I create a project that has a razor class library and I try to use this code
@rendermode InteractiveAuto
and try to compile that library, it always fails to compile because does not know anything about @rendermode

Works fine when using under blazorwebapp.
However, some cases i need razor class library so I can share with blazor hybrid and use other places as well.

Expected Behavior

The expected behavior is for the project to compile and run.
When using web, then do as promised on the counter where it first uses blazor server and the next time web assembly (since the components would have been downloaded).

Steps To Reproduce

1. Create blank solution
2. Create blazor web app
3. Create maui blazor hybrid
4. Create shared library
5. Move the Counter from blazor web app client to the shared
6. Make the necessary changes necessary including referencing the proper projects and putting in the additional assemblies
7. Run
8. Will always fail to load (even the blazor web app).

Exceptions (if any)

Severity Code Description Project File Line Suppression State
Error (active) CS0103 The name 'InteractiveAuto' does not exist in the current context

.NET Version

8

Anything else?

No response

[musictopia2]

Forgot to put in my sample repository.
Here is the link to it.
https://github.com/musictopia2/RenderModeBug
This shows the problem happening everytime. Used only the sample that came with the templates.
Only work I did was to move the counter from the client to the shared, delete the counter from the native and did the work required so the routers can work.

[MariovanZeist]

Hi @musictopia2 Could you add the following to your _imports.razor file in your BlazorShared project.
That should fix your issue.

@using static Microsoft.AspNetCore.Components.Web.RenderMode

See: https://learn.microsoft.com/en-us/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#apply-a-render-mode-to-a-component-instance

[MariovanZeist]

Sorry @musictopia2 I spoke to soon.
Updating counter.razor
with

@rendermode RenderMode.InteractiveAuto

did get rid of the compilation error, but the counter still doesn't function.

[mkalinski93]

I´m in the exact same situation. I want to have a Client app with several RCL. The RCL cannot be used with the rendermode "InteractiveWebassembly". It works whenever I change the rendermode to server.

Wasm lib is a standalone WebAssembly App
Lib B is a RCL

I´ve also added the "@using static Microsoft.AspNetCore.Components.Web.RenderMode" into the RCL´s imports file.

[chulla]

i have the same problem. When i compile with F5 no problem... but when i run with Ctrol + F5, i get the error

[apocalipisis]

When i add
@rendermode RenderMode.InteractiveServer
to the counter component, it works fine on the Blazor web app.

But when I run it on the Windows machine and try to open the counter page, I get the following error:

Cannot supply a component of type 'BlazorApp1.Client.Pages.Counter' because the current platform does not support the render mode 'Microsoft.AspNetCore.Components.Web.InteractiveAutoRenderMode'.
at Microsoft.AspNetCore.Components.RenderTree.Renderer.ResolveComponentForRenderMode(Type componentType, Nullable`1 parentComponentId, IComponentActivator componentActivator, IComponentRenderMode renderMode) ...

[bertutron]

i have the same problem even with an empty blazor web app project. Adding a component with data binding, it only works first time loading. i tried rendermode at router tag, and in razor components, all fail. problem seems to happen only on RenderMode.InteractiveAuto. when i change to InteractiveServer, everything works, even after reload

[MackinnonBuck]

@musictopia2, the Blazor Web App project template includes a using static in _Imports.razor to allow you to write @rendermode InteractiveAuto:

@using static Microsoft.AspNetCore.Components.Web.RenderMode

However, the Razor Class Library template has no such using static directive. So, you'll either have to add that line to your RCL's _Imports.razor file, or declare a component's render mode by partially qualifying InteractiveAuto:

@rendermode RenderMode.InteractiveAuto

Furthermore, it looks like BlazorWeb.Client in your repro project doesn't reference the BlazorShared project. This will be required if you want components in the BlazorShared RCL to render using WebAssembly interactivity, as they might if they use the InteractiveAuto render mode.

I suspect a similar issue might be the cause of @mkalinski93's error, and possibly @bertutron's as well, although it's hard to tell without a repro project.

[MackinnonBuck]

@apocalipisis, what might be happening in your case is a component with an interactive render mode is attempting to render a child component with a different interactive render mode. This is not supported. For example, it won't work if you have an app with root-level server interactivity and you try to render a component with an InteractiveWebAssembly render mode. For more information, refer to our docs on this topic: https://learn.microsoft.com/aspnet/core/blazor/components/render-modes?view=aspnetcore-8.0#render-mode-propagation.

[musictopia2]

The only issue left is does not work with a maui app though.