Capture a reference to an component inside a dynamically added wrapper

[GeorgeKarlinzer]

I want to render some components inside a wrapper, so when I have the following razor:

<Component/>

I want it to render like this:

<Wrapper>
    <Component />
</Wrapper>

I've created a custom IComponentActivator that does the job, but when I'm trying to get a reference of a component I get a InvalidCastException. For example

This works:

<ComponentIWantToBeInWrapper /> 

This doesn't

<ComponentIWantToBeInWrapper @ref=_ref /> 

As I understand reference capture tries to get an instance of the ComponentIWantToBeInWrapper type, but instead gets a Wrapper instance and then throws an error.

I wonder is there a way to make it work? Is it possible to somehow capture a child component of a wrapper instead of wrapper itself?

Minimal reproduction example:

ComponentActivator.cs

public class ComponentActivator : IComponentActivator
{
    public IComponent CreateInstance(Type componentType)
    {
        if(componentType == typeof(Component))
        {
            return (IComponent)Activator.CreateInstance(typeof(DivWrapper<>).MakeGenericType(componentType))!;
        }

        if (componentType.IsGenericType && componentType.GetGenericTypeDefinition() == typeof(Dummy<>))
        {
            var innerType = componentType.GetGenericArguments()[0];
            return (IComponent)Activator.CreateInstance(innerType)!;
        }

        return (IComponent)Activator.CreateInstance(componentType)!;
    }
}

DivWrapper.razor

@typeparam T where T : ComponentBase

<div style="border: 1px solid red">
    <Dummy T="T" @attributes=Attrs />
</div>
@code {
    [Parameter(CaptureUnmatchedValues = true)]
    public Dictionary<string, object> Attrs { get; set; } = default!;
}

Dummy.cs

public class Dummy<T> : ComponentBase where T : ComponentBase
{
}

Page.razor

@page "/"

<Component />
@* <Component @ref=_ref /> this will crush an app *@