Scope Of The Use Client Directive

Only the component exported from the file with 'use client'

The file and all of its transitive dependencies imported from it

Only components that use hooks like useState or useEffect

Every component rendered beneath it in the render tree