How can I navigate to a new page when I click on the elements?

[sarang997]

I am working on a project here-
https://codesandbox.io/s/misty-fire-92mpl
What I want is that when I click on those objects I navigate to new pages like. '/music' '/about'
I tried using react router dom but I am not able to do anything with that. Also after searching I got to know about useBridgeContext but I am not able to understand how it can be used since it seems bit complecated(Also I am a noob). Can someone help me out here
Thanks