Why do most components have "use client"?

[kondo0602]

Most components have "use client", is it necessary?

Some components seem to have "use client" even though they do not have event listeners or state.

For example, the label component.

[zeekrey]

The useClient is essential whenever an event listener is utilized - just as you mentioned. If you take a glance at the radix label primitive, you'll notice that it employs onMouseDown.

It's likely that the majority of primitives employ various event listeners, which is why the wrapper component includes the useClient directive.

[kondo0602]

I understood that the hooks are not exposed on this code but are used in radix-ui.

Thanks!

[JamesSingleton]

The 'use client' at the top is because he is using Next.js and the app directory in his website and the template that you can use as a starting off point. You can read about it on Next.js' website https://nextjs.org/docs/app/building-your-application/rendering/client-components#using-client-components-in-nextjs

[kondo0602]

Thanks!