bool property server vs client mismatch

export default function Counter() {
  const [count, setCount] = createSignal(0);
  return (
    <button 
      bool:is-ten={count() === 10} // the only modified line vs template
      class="increment" onClick={() => setCount(count() + 1)} type="button">
      Clicks: {count()}
    </button>
  );
}