Why it fails when I try to use match parameter from props object in my functional component?

Question

It works fine this way when I use props.match.url.

import {withTranslation} from \'react-i18next\';

function Navbar ({props}) {
    return (