How to use useParams effectively to render different pages (in React)?

Question

I\'m writing routes for a game logic in which has 5 tasks and each of which has 3 pages. Right now I hard coded everything and rendered it on App but I want to use useParams to