V6 Core Component Template - Conditional inside Loop

Hi @nolimits4web , I loop an array using V6 Core template like below

<template>
	<div class="page" data-name="home">
        <div class="navbar">
			<div class="navbar-bg"></div>
			<div class="navbar-inner">
				<div class="left">
					Home
				</div>
			</div>
		</div>
    </div>
    <div class="page-content">
        ${[1,2,3,4,5].map((x) => $h`
            ${x === 0 && $h`
            <span>Test</span>
            `}
        `)}
    </div>
</template>
<script>
	export default (props, { $f7 }) => {
		return $render;
	}
</script>

condition above will never render <span>Test</span> but why it’s render falsefalsefalsefalsefalse to the page?

        ${[1,2,3,4,5].map((x) => x === 0 ? $h`
            <span>Test</span>
            ` : ''
        `)}