Blazor using @inherits breaks Component ("Found markup element with unexpected name").

[TrieBr]

Minimal Repro here:
https://github.com/TrieBr/blazorbug

I'm using dotnet 7.0.302.

When I add @inherits to a blazor component, that component no longer becomes recognized as a valid component.

Index.razor

@page "/"

<Bug>

</Bug>

<NotBug />

InheritMe.razor

<div />


@code {
    [Parameter]
    public int Param1 { get; set; }
}

Bug.razor

@inherits InheritMe

<div>
    
</div>

@code {

}

NotBug.razor

<div>
    
</div>

@code {

}

dotnet build:

Index.razor(3,1): warning RZ10012: Found markup element with unexpected name 'Bug'. If this is intended to be a component, add a @using directive for its namespace. [blazorbug.csproj]

Removing @inherits from Bug.razor fixes the issue.

Perhaps I'm using @inherit wrong, but there should be an error stating such. It's not clear why Bug is not recognized as a component.

[ScarletKuro]

Duplicate of dotnet/aspnetcore#48281

Also, please read this issue #8718

[chsienki]

Closing as a dupe of #8718