JS – ¿Cuándo declarar argumentos opcionales?

Imagina este método:

export default function useListenDeletedChatMessages(
chatRoomId = undefined,
{
onNext = undefined,
onError = undefined,
} = {}
) {
const { modifyMessage } = useMessages();

const startAt = useRef(new Date());

useEffect(() => {
if (!chatRoomId) return; <——– !!!!!

// Escucha los mensajes eliminados nuevos
const deletedMessagesListener = listenDeletedChatMessages(
  chatRoomId,
  startAt.current,
  modifyMessage,
  onNext,
  onError
);

// eslint-disable-next-line consistent-return
return () => {
  deletedMessagesListener();
};
// eslint-disable-next-line react-hooks/exhaustive-deps

}, [chatRoomId]);
}

Como puedes ver, declaro el parámetro “chatRoomId” como opcional, porque el método seguirá funcionando sin este parámetro (no escuchando los mensajes del chat).

He decidido establecer ese parámetro como undefined en este “REACT HOOK”, porque en mi interfaz de usuario, a primera vista, es undefined hasta que se realiza una consulta asíncrona después de que se monta mi componente.

Podrías pensar en hacer algo como:

if (chatRoomId) {
useListenDeletedChatMessages(chatRoomId);
}

Pero, en React, los hooks no se pueden envolver dentro de condicionales.

Entonces, mi pregunta es:

¿Cuándo debemos usar argumentos opcionales? Porque, para mí, algo como

function listenChatRoom(roomId = undefined) {}

es como decirle al programador que puede escuchar una habitación cuyo ID es opcional (y, en mi sistema, una habitación siempre tiene un ID único), es decir, no tiene sentido en absoluto.

¿Algún consejo?