title: Can't get image links to show React Router
body: <p>I am working on a mock Instagram page and I have icons going across the top menu bar for &quot;Home&quot;, &quot;Inbox&quot;, &quot;Explore&quot;, &quot;Notifications&quot; &amp; &quot;Profile Icon&quot;. Before implementing React-Router I had them as just regular icons that didn't do anything, but they did at least show up in their places when the page loaded. After (trying) to implement React-Router on them to make them go to their respective pages, only the 'Home&quot; icon is showing up now and the rest of them aren't. I hope I am explaining this correctly. Anyway, here is my code for the menu component I'm working on:</p>
  <pre><code>import React from 'react';
  import '../styles/css/menu.css';
  import '../styles/css/navigation.css';
  import '../styles/css/App.css';
  import { BrowserRouter as Router, Routes, Route} from 'react-router-dom'
  import { ReactComponent as Home } from '../images/home.svg';
  import { ReactComponent as Inbox } from '../images/inbox.svg';
  import { ReactComponent as NewPost } from '../images/newpost.svg';
  import { ReactComponent as Explore } from '../images/explore.svg';
  import { ReactComponent as Notifications } from '../images/notifications.svg';
  import image from '../images/Dave_headshot.jpg';
  import ProfileIcon from './ProfileIcon';
  
  const Menu = () =&gt; {
    return (
      &lt;div className='menu'&gt;
        &lt;Router&gt;
          &lt;Routes&gt;
            &lt;Route exact path='/' element={&lt;Home className='icon'/&gt;} /&gt;
            &lt;Route path='/Inbox' element={&lt;Inbox className='icon'/&gt;} /&gt;
            &lt;Route path='/NewPost' element={&lt;NewPost className='icon'/&gt;} /&gt;
            &lt;Route path='/Explore' element={&lt;Explore className='icon' /&gt;} /&gt;
            &lt;Route path='/Notifications' element={&lt;Notifications  className='icon'/&gt;} /&gt;
            &lt;Route path='/Profile' element={&lt;ProfileIcon className='icon' iconSize='small' image={image} /&gt;}/&gt;
          &lt;/Routes&gt;
        &lt;/Router&gt;
      &lt;/div&gt;
    )
  }
  
  export default Menu
  </code></pre>