useEffectEvent

• https://ko.react.dev/reference/react/useEffectEvent
• (useLatestRef 사용 용도랑 비슷함)
• useEffect 의존성 배열에 명시하지 않아도 실행 시점에 자동으로 최신 값으로 평가됨
• React v19.2 부터 사용 가능
• 보통 listener 등록 시 사용

import { useEffectEvent, useEffect } from 'react';

function ChatRoom({ roomId, theme }) {
  const onConnected = useEffectEvent(() => {
    showNotification('Connected!', theme);
  });

  useEffect(() => {
    const connection = createConnection(serverUrl, roomId);
    connection.on('connected', () => {
      onConnected();
    });
    connection.connect();
    return () => connection.disconnect();
    
    // onConnected 함수를 useEffect 의존성 배열에 명시하지 않아도 됨
  }, [roomId]);
}