This is a quick and small question: it says that client components still get SSR'd, right?

https://nextjs.org/docs/app/building-your-application/rendering/client-components#full-page-load

Specifically, during a full-page load, it states:
"Next.js will use React's APIs to render a static HTML preview on the server for both Client and Server Components."

So, when rendering the static HTML, does that mean the server understands and can run useState?

Because from this code alone:

import { useState } from 'react';
 
export default function LikeButton() {
  const [likes, setLikes] = useState(11111);
 
  function handleClick() {
    setLikes(likes + 1);
  }
 
  return <button onClick={handleClick}>Like ({likes})</button>;
}

The initial value of likes is 11111. Why is the initial value displayed on the screen 11111 (when doing a full refresh page reload)? Doesn't that mean that when Next.js renders the static HTML on the server, it understands useState? I expected it to be 0 at first (Because server runtime does not understand useState, it uses the default value of a number variable) and then flash to 11111 when JavaScript hydrates the page.