I am new to coding with react, but I tried to make a website for the first time. When I tried to make a "new page", with `react-router-dom` and every time I added the line `<Route path='/side2' component={Side2} />` my components disappeared with no warning or error. Here is my code: (App.js)

```
import Selector from './components/Selector';
import Side2 from './components/Side2';
import {BrowserRouter as Router} from 'react-router-dom';
import {Route} from 'react-router-dom'

function App() {
  return (
    <Router>
      <div className="App">
        <header>Mametphoto</header>
        <Selector />
        <Side2 />
        <Route path="/side2" component={Side2} />
      </div>
    </Router>
  );
}

export default App;

```

Why does this happen, and how can I fix it? (when I remove the `<Route>` tag everything works. Here is the rest of my code: (Selector.js)

```
    return (
        <span>
          <div className="half1">
            <img src={require('../imgs/DSC_3943.jpg')} alt="Family on Bench"/>
            <h2>Side 1</h2>
          </div>
          <div className="half2">
            <a href="/side2">
              <img src={require('../imgs/DSC_4546.jpg')} alt="Family on Bench"></img>
            </a>
            <h2>Side 2</h2>
          </div>
        </span>
    )
}

export default Selector

```

(Side2.js)

```
    return (
        <div>
            <a href="/"><button>BACK</button></a>
        </div>
    )
}

export default Side2

```