import { type QRL } from '@qwik.dev/core'; /** * Creates a React component that renders a Qwik component inside a qwikify$ React tree. * * This is the QRL form. Use `reactify$` for the convenience form with automatic `$()` wrapping. * * The returned React component must be rendered inside a `qwikify$()` React tree. It creates a div * that Qwik renders into, while React ignores its contents. * * During SSR, a marker is emitted so that server-render.tsx can render the Qwik component inline * inside `q:container-island` comments. On the client, Qwik resumes the SSR content naturally * (events, signals, state are all serialized). For pure CSR, `_addProjection` renders from * scratch. * * @param qwikCompQrl - A QRL wrapping a Qwik component (created with `component$`) * @returns A React component that renders the Qwik component */ export declare function reactifyQrl(qwikCompQrl: QRL): any; /** * Creates a React component that renders a Qwik component inside a qwikify$ React tree. * * The returned React component must be rendered inside a `qwikify$()` React tree. It creates a div * that Qwik renders into, while React ignores its contents. * * During SSR, the Qwik component is rendered as HTML inside `q:container-island` comments. On the * client, the component re-renders via the external projection API. * * @example * * ```tsx * import { component$ } from '@qwik.dev/core'; * import { qwikify$, reactify$ } from '@qwik.dev/react'; * * const QwikCounter = component$(() => { * const count = useSignal(0); * return ; * }); * * const ReactCounter = reactify$(QwikCounter); * * const ReactApp = ({ children }) => ( *
*

React App

* * {children} *
* ); * * export const QwikifiedApp = qwikify$(ReactApp); * ``` * * @param qwikComp - A Qwik component (created with `component$`) * @returns A React component that renders the Qwik component */ export declare const reactify$: (qrl: any) => any;