JSX275 Documents

Light Qwik Component

When a Qwik component does not require component$, convert it to a light component by removing component$ and any associated boilerplate.

Correct

import { component$ } from '@builder.io/qwik'
export default component$(() => {
    const count = useSignal(0)
    return <span>
        {
            count.value
        }
    </span>
})
export default props => <Content {...props} />

Incorrect

import { component$ } from '@builder.io/qwik'
export default component$(props => <Content {...props} />)

Fix

Remove component$ around presentation-only components. Keep boundaries using hooks, events, or Qwik slots; unknown calls are conservatively retained for review.