Unexpected mistake with the State

[AlexDernov]

Hello!
I want to show/hide a Map component by clicking button (the text on the button should change).
The State created for this purpose changes its value when the button is clicked (the text on the button changes), but the Map component does not react to the changed value of the State.

It`S my code:

const [detailsPage, setDetailsPage] = useState(false);
function handleOnDetailsPage() {setDetailsPage(!detailsPage);}
...
<button type="button" onClick={handleOnDetailsPage}>
{detailsPage ? "Map verstecken" : "Map anzeigen"}</button>
...
{detailsPage && <Map dataOne={data} detailsPage={detailsPage} />}

My PR
The required code is LocationDetails and Map components.

[AlexDernov]

I've solved the problem!
I added the display: none, etc... to the styled component Map!