Cada vez que elimino un documento, mi código se rompe y muestra una página en blanco

 const dispatch = useDispatch(); const roomId = useSelector(selectRoomId); const [roomDetails] = useDocument( roomId && db.collection('rooms').doc(roomId) ) const deleteChannel = () => { const answer = window.confirm(`Do you reall want to delete ${roomDetails?.data().name}`) if (answer) { console.log('We can proceed') db.collection('rooms').doc(roomId) .delete() } }

Al borrar] 2

Supongo que muestra esto porque no puede encontrar un documento para mostrar, pero ¿cómo pasarlo por alto y cambiar el documento cuando eliminamos uno?