Component with custom DOM node

[Hurtsok]

If we make component like this:

type IProps = {
    tag: 'div' | 'h1' | ...
}

export function Component({
    children,
    tag: Wrapper = 'div',
}: IProps) {
    return (
        <Wrapper>
            {children}
        </Wrapper>
    );
}

And then try to grep it using helper select, we don't find it, because helper search by [data-tid=""] but attribute on our node is [data-tid-prop=]