Каким способом лучше реализовать поиск

У меня есть проект в котором есть навбар с поисковой строкой, на главной странице выводятся карточки с данными.

Мне нужно сделать поиск по названию карточки и вывести результат, вопрос заключается в том, каким образом это сделать.

Я хотел сделать вывод найденной карточки на отдельной странице, но мне нужно как то передать введенное название в поисковой строке на эту страницу. Я читал, что если делать динамический роутинг, то можно с помощью porps передать это значение из url.

Вообще имеет ли смысл делать динамический роутинг для этого?
Просто не хочется хранить это значение в store

const App: React.FC = () => (<>
    <BrowserRouter>
        <NavBar />
        <Route exact path="/" component={CardPage} />
        <Route exact path="/request/:name" component={requestPage} />
    </BrowserRouter>
</>);

из name я пытаюсь получить название карточки.
Также я не понимаю как в navLink писать путь

<NavLink to='`/request/${inputVal}`' id='cardLink'>
    <Button variant="outline-success">Search</Button>
</NavLink>

пробовал так, но ничего не получилось