@hua-labs/hooks

const { isLoading, startLoading, stopLoading, withLoading } = useLoading();

// 자동 로딩 래핑
const fetchData = withLoading(async () => {
  const response = await fetch('/api/data');
  return response.json();
});

const { containerRef, scrollToBottom, isAtBottom } = useAutoScroll({
  behavior: 'smooth',
  threshold: 100,
});

return (
  <div ref={containerRef}>
    {messages.map(msg => <Message key={msg.id} {...msg} />)}
  </div>
);

const metrics = usePerformanceMonitor({
  componentName: 'MyComponent',
  enableInProduction: false,
});

// metrics: { renderCount, lastRenderTime, averageRenderTime }