fix: no need for prop function

[manucorporat]

This PR allows to not need PropFunction to create custom events:

interface CmpProps {
  onClick$?: () => void;
}

export const Cmp = component$<CmpProps>((props) => {
  return (
    <div>
      <h1>CHILD</h1>
    </div>
  )
});

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	8cdcea3
Status:	✅  Deploy successful!
Preview URL:	https://737eb873.qwik-docs.pages.dev
Branch Preview URL:	https://fix-no-prop-function.qwik-docs.pages.dev

View logs

[shairez]

Wow that's amazing! 😊

[motss]

Does it make sense to pass renderProps to another component?

interface AProps {
  onClick$?(): void;
  render$?(): JSX.Element;
}

export const A = component$<AProps>((props) => {
  return (
    <div>
      <h1>CHILD</h1>
      <B onClick$={props.onClick$} render$={props.render$} />
    </div>
  )
});

Confirmed to be an issue for renderProps and raised #4200 for this.