I published an article: You Probably Misunderstand "use client" in Next.js (Most Developers Do)

In Next.js, adding "use client" doesn’t mean the component is rendered only in the browser; Client Components are still server-rendered on the initial request.
The directive simply tells Next.js that the component’s JavaScript must also run in the browser to enable features like useState and interactivity.

read whole blog here

medium.com