ЯсноПонятно24

Для открытия модального окна в данном коде необходимо установить значение modalOpen в true. Это можно сделать, например, при клике на определенный элемент или событие.

Например, если вы хотите открыть модальное окно при загрузке страницы, вы можете установить modalOpen в true внутри компонента App:

export const App = () => { 
	const [modalOpen, setModalOpen] = useState(true); 
	const navigate = useNavigate();

	const handleHotelClick = (hotelIndex) => {
		setModalOpen(true);
		navigate(`/hotel/${hotelIndex}`);
	};

	return (
		<>
			<Routes>
				<Route path='/' element={<Home />} />
				<Route path='/hotel-list' element={<HotelList onHotelClick={handleHotelClick} />} />
				<Route path='/hotel/:hotelIndex' element={<Layout><Hotel /></Layout>} />
				<Route element={modalOpen && <Modal onClose={() => setModalOpen(false)}><Hotel /></Modal>}/>
			</Routes>
		</>
	);
};

Теперь модальное окно будет открыто при загрузке страницы. Вы также можете изменить логику открытия модального окна в зависимости от ваших потребностей.