fix: high order components

[manucorporat]

This works now:

utils.ts

import { $, component$, implicit$FirstArg, QRL, useHostElement } from '@builder.io/qwik';

export function factoryQrl<P>(componentQRL: QRL<(props: P) => any>) {
  return component$((props: P) => {
    return $(async () => {
      const hostElement = useHostElement();
      const Component = await componentQRL.resolve(hostElement);
      return (
        <div>
          <Component {...props} />
        </div>
      );
    });
  });
}
export const factory$ = implicit$FirstArg(factoryQrl);

import { $, component$, Host } from '@builder.io/qwik';
import { factory$ } from './utils';

export const A = factory$(() => {
  return <div>A</div>;
});

export const B = factory$(() => {
  return <div>B</div>;
});

export function Light(props: { prop: string }) {
  return <div>Light: {props.prop}</div>;
}

export const C = factory$(Light);

export const Factory = component$(() => {
  return $(() => {
    return (
      <Host>
        <A />
        <B />
        <C prop="wow!" />
      </Host>
    );
  });
});

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Pages

Latest commit:	ab368a8
Status:	✅  Deploy successful!
Preview URL:	https://b086da74.qwik-docs.pages.dev

View logs