React Router Dom - render even if path doesn't match

Question

<Route path="/A" render={() => <A />} />

Should the route not match, it will not render A at all. However, I want to hide some of my routes via CSS, rather mounting/dismounting.

Is there a way to have a route render even if it's not matched?

Something like this would be perfect, however such a prop doesn't seem to exist:

<Route path="/A" render={({isMatched}) => <A isMatched={isMatched} />} />

Note that I'm using useRouteMatch down the tree, which (it seems) requires you to use Route to work properly, therefore using useLocation and other hooks alone to implement this functionality won't do.

question from:https://stackoverflow.com/questions/65952703/react-router-dom-render-even-if-path-doesnt-match

Answer 1

Waitting for answers