Как сделать так, чтобы компонент отображался поверх MapContainer в приложении React с помощью React-листовки ⇐ Javascript

[Anonymous]

У меня есть приложение реагирования, которое использует реагирование-листовку. Приложение отображает карту, и поверх карты должен быть компонент, отображающий модальное окно. Вместо этого модальное окно отображается под картой. Как сделать так, чтобы модальное окно отображалось поверх карты, как должно быть?
Код:

Код: Выделить всё

export default function AssignArea() {

return (


ASSIGN AREA




CANCEL
CONFIRM

);
}

return (

{/* Base map layer */}






{showAssignModalAtomValue ?  : null}

);

У MapContainer более низкий индекс zIndex, чем у компонента AssignArea, но он все равно отображается под картой. Почему? Если бы кто-нибудь мог мне помочь с этим, было бы здорово!
BR
Адмир

Подробнее здесь: https://stackoverflow.com/questions/798 ... -using-rea