consolelog.tools logo

Client Component Detector

Detect why a React component needs 'use client' directive in Next.js

What We Check

  • React hooks (useState, useEffect, useReducer, etc.)
  • Event handlers (onClick, onChange, onSubmit, etc.)
  • Browser APIs (window, document, localStorage, etc.)
  • Context usage (useContext)
  • Custom hooks that may use client features

Was this tool helpful?

Share Your Experience

Help others discover this tool!

Share on Twitter

Frequently Asked Questions - Client Component Detector