How do I implement scroll in React Router while also having paths to separate layouts?

Question

I\'m having trouble making 3 common things seen on many websites all come together in my react app:

1. implementing a smooth scroll effect on my main layout - I