How do I debug performance issues in the data table?

Enable react-scan with NEXT_PUBLIC_REACT_SCAN=true to visualize re-renders, use TanStack Query devtools (auto-enabled in dev mode) to inspect query states, and set NEXT_PUBLIC_TABLE_DEBUG=true for table-level debug logs.

What debugging tools are available?

Three tools are available: react-scan for render performance visualization, TanStack Query devtools for query state inspection, and built-in table debug logs for filter and state debugging.

Debugging

We use react-scan for performance debugging:

# .env.local
NEXT_PUBLIC_REACT_SCAN=true

TanStack Query devtools appear automatically in development. For table debug logs:

NEXT_PUBLIC_TABLE_DEBUG=true

Try the debugging tools on the /infinite demo — it has all three enabled in development.

Full Example MCP Server