почему при добавление в ссылку символа, то компонента пропадает

            <BrowserRouter>
            <div className="page">
                <Routes>
                    <Route  path = "/profile" element = {<PageBody />}/>
                    <Route  path = "/messages/" element = {<Dialogs />}/>
                </Routes>
            </div>
        </BrowserRouter>

Допустим я зайду на ссылку http://localhost:3000/profile/1, то почему-то компонента PageBody пропадает. Обычно такое происходит, если писать exact или end (в зависимости от версии). сейчас я использую "react-router-dom": "^6.2.2", возможно прошло какое-то обновление, чтобы указать, что путь не должен быть точным