Static Jsx Export

In panel and site code, export JSX directly when the default arrow has no parameters and its JSX contains no expressions or spreads. Panel builds wrap the value as a component; Qwik site code can render the value directly.

Correct

export default <div className='item'>
    <Title />
</div>
export default <ForcedVerticalScroll />
export default props => <Content {...props} />

Incorrect

export default () => <div className='item'>
    <Title />
</div>
export default () => <ForcedVerticalScroll />

Fix

Replace the parameterless arrow with its JSX body. In site code, update consumers to render the exported JSX value directly. Keep a function when props, hooks, or render-time values are needed.