title: One react component shows up instead of the intended one
body: <p>Right now I'm having a problem with my application. What the application does is, simply navigate to another page on a button press, or play a sound and navigate to another page at the press of a button. As I was working on in it, I encountered a problem that I have no idea how to solve. It is showing one a component even when it isn't called. For instance when I press a button that says All which the address is localhost:3000/All and it should show the All.js component. However it is showing a completely different component that is found in localhost:3000/Stop/Nt. I initially thought this was a routing issue, but I can't find where it may be going wrong. I'll post below the Nt page of what is showing, vs. what is supposed to show up. Below is my router, I'm thinking something went wrong there....</p>
  <p>Misbehaving button</p>
  <pre><code>          &lt;Button 
            className={classes.buttonStyles} 
            variant=&quot;outlined&quot; 
            color=&quot;primary&quot;
            startIcon={&lt;Avatar src={'https://i.redd.it/w3kr4m2fi3111.png'} /&gt;}
            component={RouterLink}
            to=&quot;/All&quot;
            &gt;All
            &lt;/Button&gt;
  </code></pre>
  <p>App.js (Router)</p>
  <pre><code>import { BrowserRouter as Router, Switch, Route } from &quot;react-router-dom&quot;
  import { Link as RouterLink } from 'react-router-dom';
  import Badge from '@material-ui/core/Badge';
  import React from &quot;react&quot;
  import Home from &quot;./Home&quot;
  import Eat from &quot;./Eat/Eat&quot;
  import Condiment from &quot;./Eat/Condiment&quot;
  import Dairy from &quot;./Eat/Dairy&quot;
  import Fruit from &quot;./Eat/Fruit&quot;
  import Meals from &quot;./Eat/Meals&quot;
  import Meat from &quot;./Eat/Meat&quot;
  import Snack from &quot;./Eat/Snack&quot;
  import Vegetables from &quot;./Eat/Vegetables&quot;
  import Play from &quot;./Play/Play&quot;
  import Games from &quot;./Play/Games&quot;
  import Lose from &quot;./Play/Lose&quot;
  import Skip from &quot;./Play/Skip&quot;
  import Slide from &quot;./Play/Slide&quot;
  import Swing from &quot;./Play/Swing&quot;
  import Toy from &quot;./Play/Toy&quot;
  import Win from &quot;./Play/Win&quot;
  import Match from &quot;./Play/Match&quot;
  import Party from &quot;./Play/Party&quot;
  import Difficult from&quot;./Play/Difficult&quot;
  import He from &quot;./Pronouns/He&quot;
  import I from &quot;./Pronouns/I&quot;
  import It from &quot;./Pronouns/It&quot;
  import Me from &quot;./Pronouns/Me&quot;
  import My from &quot;./Pronouns/My&quot;
  import She from &quot;./Pronouns/She&quot;
  import Them from &quot;./Pronouns/Them&quot;
  import Us from &quot;./Pronouns/Us&quot;
  import We from &quot;./Pronouns/We&quot;
  import You from &quot;./Pronouns/You&quot;
  import Drink from &quot;./Drink/Drink&quot;
  import Want from &quot;./Want/Want&quot;
  import WantNt from &quot;./Want/Nt&quot;
  import Time from &quot;./Time/Time&quot;
  import TimeTime from &quot;./Time/TimeTime&quot;
  import Calendar from &quot;./Time/Calendar&quot;
  import TDate from &quot;./Time/TDate&quot;
  import TimeNt from &quot;./Time/TimeNt&quot;
  import Good from &quot;./Good/Good&quot;
  import Great from &quot;./Good/Great&quot;
  import Wonderful from &quot;./Good/Wonderful&quot;
  import Bad from &quot;./Bad/Bad&quot;
  import In from &quot;./In/In&quot;
  import Not from &quot;./Not/Not&quot;
  import Done from &quot;./Done/Done&quot;
  import End from &quot;./End/End&quot;
  import Direct from &quot;./End/Direct&quot;
  import US from &quot;./End/US&quot;
  import Work from &quot;./Work/Work&quot;
  import And from &quot;./And/And&quot;
  import That from &quot;./That/That&quot;
  import There from &quot;./There/There&quot;
  import Spell from &quot;./Spell/Spell&quot;
  import Am from &quot;./Am/Am&quot;
  import AmNt from &quot;./Am/Nt&quot;
  import Watch from &quot;./Watch/Watch&quot;
  import Read from &quot;./Read/Read&quot;
  import ReadNt from &quot;./Read/Nt&quot;
  import Material from &quot;./Read/Material&quot;
  import Like from &quot;./Like/Like&quot;
  import Do from &quot;./Do/Do&quot;
  import DoNt from &quot;./Do/Nt&quot;
  import Catch from &quot;./Do/Catch&quot;
  import Dig from &quot;./Do/Dig&quot;
  import Fold from &quot;./Do/Fold&quot;
  import Hold from &quot;./Do/Hold&quot;
  import Lay from &quot;./Do/Lay&quot;
  import Pass from &quot;./Do/Pass&quot;
  import Pick from &quot;./Do/Pick&quot;
  import Point from &quot;./Do/Point&quot;
  import Pull from &quot;./Do/Pull&quot;
  import Push from &quot;./Do/Push&quot;
  import Remember from &quot;./Do/Remember&quot;
  import Roll from &quot;./Do/Roll&quot;
  import Rough from &quot;./Do/Rough&quot;
  import Smooth from &quot;./Do/Smooth&quot;
  import Soft from &quot;./Do/Soft&quot;
  import Throw from &quot;./Do/Throw&quot;
  import Touch from &quot;./Do/Touch&quot;
  import Wave from &quot;./Do/Wave&quot;
  import Wrap from &quot;./Do/Wrap&quot;
  import Find from &quot;./Find/Find&quot;
  import Go from &quot;./Go/Go&quot;
  import GoNt from &quot;./Go/Nt&quot;
  import Building from &quot;./Go/Building&quot;
  import Get from &quot;./Get/Get&quot;
  import Help from &quot;./Help/Help&quot;
  import Look from &quot;./Look/Look&quot;
  import Talk from &quot;./Talk/Talk&quot;
  import Think from &quot;./Think/Think&quot;
  import Hear from &quot;./Hear/Hear&quot;
  import Make from &quot;./Make/Make&quot;
  import Need from &quot;./Need/Need&quot;
  import Turn from &quot;./Turn/Turn&quot;
  import Stop from &quot;./Stop/Stop&quot;
  import StopNt from &quot;./Stop/Nt&quot;
  import Fast from &quot;./Fast/Fast&quot;
  import Slow from &quot;./Slow/Slow&quot;
  import Love from &quot;./Love/Love&quot;
  import New from &quot;./New/New&quot;
  import Have from &quot;./Have/Have&quot;
  import HaveNt from &quot;./Have/Nt&quot;
  import Pay from &quot;./Have/Pay&quot;
  import Actual from &quot;./Have/Actual&quot;
  import Check from &quot;./Have/Check&quot;
  import Cheap from &quot;./Have/Cheap&quot;
  import Expensive from &quot;./Have/Expensive&quot;
  import Own from &quot;./Have/Own&quot;
  import Buy from &quot;./Have/Buy&quot; 
  import Shop from &quot;./Have/Shop&quot;
  import Inexpensive from &quot;./Have/Inexpensive&quot;
  import Cost from &quot;./Have/Cost&quot;
  import Change from &quot;./Have/Change&quot;
  import Feel from &quot;./Feel/Feel&quot;
  import All from &quot;./All/All&quot;
  import AllNt from &quot;./All/AllNt&quot;
  import Come from &quot;./Come/Come&quot;
  import Color from &quot;./Color/Color&quot;
  import Right from &quot;./Right/Right&quot;
  import RightNt from &quot;./Right/Nt&quot;
  import Said from &quot;./Said/Said&quot;
  import Follow from &quot;./Follow/Follow&quot;
  import Baby from &quot;./Follow/Baby&quot;
  import People from &quot;./Follow/People&quot;
  import Strange from &quot;./Follow/Strange&quot;
  import Ride from &quot;./Ride/Ride&quot;
  import Put from &quot;./Put/Put&quot;
  import Wear from &quot;./Wear/Wear&quot;
  import WearNt from &quot;./Wear/Nt&quot;
  import Clothing from &quot;./Wear/Clothing&quot;
  import WButton from &quot;./Wear/WButton&quot;
  import Dress from &quot;./Wear/Dress&quot;
  import Loose from &quot;./Wear/Loose&quot;
  import Tie from &quot;./Wear/Tie&quot;
  import Tight from &quot;./Wear/Tight&quot;
  import Zip from &quot;./Wear/Zip&quot;
  import Sit from &quot;./Sit/Sit&quot;
  import Body from &quot;./Body/Body&quot;
  import Left from &quot;./Left/Left&quot;
  import Who from &quot;./Who/Who&quot;
  import What from &quot;./What/What&quot;
  import When from &quot;./When/When&quot;
  import Where from &quot;./Where/Where&quot;
  import Why from &quot;./Why/Why&quot;
  import Count from &quot;./Count/Count&quot;
  import Add from &quot;./Count/Add&quot;
  import Subtract from &quot;./Count/Subtract&quot;
  import Multiply from &quot;./Count/Multiply&quot;
  import Divide from &quot;./Count/Divide&quot;
  import Please from &quot;./Please/Please&quot;
  import Shapes from &quot;./Shapes/Shapes&quot;
  import Numbers from &quot;./Numbers/Numbers&quot;
  import Letters from &quot;./Letters/Letters&quot;
  import Weather from &quot;./Weather/Weather&quot;
  import Animal from &quot;./Animal/Animal&quot;
  import Template from &quot;./template&quot;
  import Big from &quot;./Big/Big&quot;
  import Strong from &quot;./Big/Strong&quot;
  import Thick from &quot;./Big/Thick&quot;
  import Heavy from &quot;./Big/Heavy&quot;
  import Lift from &quot;./Big/Lift&quot;
  import Drop from &quot;./Big/Drop&quot;
  import Fat from &quot;./Big/Fat&quot;
  import Powerful from &quot;./Big/Powerful&quot;
  import BigNt from &quot;./Big/Nt&quot;
  import Ask from &quot;./Ask/Ask&quot;
  import Little from &quot;./Little/Little&quot;
  import Weak from &quot;./Little/Weak&quot;
  import Skinny from &quot;./Little/Skinny&quot;
  import Thin from &quot;./Little/Thin&quot;
  
  function App() {
  
    return (
  
      &lt;div&gt;
        &lt;Router&gt;
          &lt;Switch&gt;
            &lt;Route exact path=&quot;/Template&quot; component={Template}/&gt;
            &lt;Route exact path=&quot;/&quot; component={Home}/&gt;
            &lt;Route exact path=&quot;/In&quot; component={In}/&gt;
            &lt;Route exact path=&quot;/Big&quot; component={Big}/&gt;
            &lt;Route exact path=&quot;/Big/Strong&quot; component={Strong}/&gt;
            &lt;Route exact path=&quot;/Big/Thick&quot; component={Thick}/&gt;
            &lt;Route exact path=&quot;/Big/Heavy&quot; component={Heavy}/&gt;
            &lt;Route exact path=&quot;/Big/Lift&quot; component={Lift}/&gt;
            &lt;Route exact path=&quot;/Big/Drop&quot; component={Drop}/&gt;
            &lt;Route exact path=&quot;/Big/Fat&quot; component={Fat}/&gt;
            &lt;Route exact path=&quot;/Big/Powerful&quot; component={Powerful}/&gt;
            &lt;Route exact path=&quot;/Big/Nt&quot; component={BigNt}/&gt;
            &lt;Route exact path=&quot;/Little&quot; component={Little}/&gt;
            &lt;Route exact path=&quot;/Little/Weak&quot; component={Weak}/&gt;
            &lt;Route exact path=&quot;/Little/Skinny&quot; component={Skinny}/&gt;
            &lt;Route exact path=&quot;/Little/Thin&quot; component={Thin}/&gt;
            &lt;Route exact path=&quot;/Ask&quot; component={Ask}/&gt;
            &lt;Route exact path=&quot;/Eat&quot; component={Eat}/&gt;
            &lt;Route exact path=&quot;/Eat/Condiment&quot; component={Condiment}/&gt;
            &lt;Route exact path=&quot;/Eat/Dairy&quot; component={Dairy}/&gt;
            &lt;Route exact path=&quot;/Eat/Fruit&quot; component={Fruit}/&gt;
            &lt;Route exact path=&quot;/Eat/Meals&quot; component={Meals}/&gt;
            &lt;Route exact path=&quot;/Eat/Meat&quot; component={Meat}/&gt;
            &lt;Route exact path=&quot;/Eat/Snack&quot; component={Snack}/&gt;
            &lt;Route exact path=&quot;/Eat/Vegetables&quot; component={Vegetables}/&gt;
            &lt;Route exact path=&quot;/Play&quot; component={Play}/&gt;
            &lt;Route exact path=&quot;/Play/Difficult&quot; component={Difficult}/&gt;
            &lt;Route exact path=&quot;/Play/Games&quot; component={Games}/&gt;
            &lt;Route exact path=&quot;/Play/Lose&quot; component={Lose}/&gt;
            &lt;Route exact path=&quot;/Play/Match&quot; component={Match}/&gt;
            &lt;Route exact path=&quot;/Play/Party&quot; component={Party}/&gt;
            &lt;Route exact path=&quot;/Play/Skip&quot; component={Skip}/&gt;
            &lt;Route exact path=&quot;/Play/Side&quot; component={Slide}/&gt;
            &lt;Route exact path=&quot;/Play/Swing&quot; component={Swing}/&gt;
            &lt;Route exact path=&quot;/Play/Toy&quot; component={Toy}/&gt;
            &lt;Route exact path=&quot;/Play/Win&quot; component={Win}/&gt;
            &lt;Route exact path=&quot;/He&quot; component={He}/&gt;
            &lt;Route exact path=&quot;/I&quot; component={I}/&gt;
            &lt;Route exact path=&quot;/It&quot; component={It}/&gt;
            &lt;Route exact path=&quot;/Me&quot; component={Me}/&gt;
            &lt;Route exact path=&quot;/My&quot; component={My}/&gt;
            &lt;Route exact path=&quot;/She&quot; component={She}/&gt;
            &lt;Route exact path=&quot;/Them&quot; component={Them}/&gt;
            &lt;Route exact path=&quot;/Us&quot; component={Us}/&gt;
            &lt;Route exact path=&quot;/We&quot; component={We}/&gt;
            &lt;Route exact path=&quot;/You&quot; component={You}/&gt;
            &lt;Route exact path=&quot;/Drink&quot; component={Drink}/&gt;
            &lt;Route exact path=&quot;/Want&quot; component={Want}/&gt;
            &lt;Route exact path=&quot;/Want/Nt&quot; component={WantNt}/&gt;
            &lt;Route exact path=&quot;/Time&quot; component={Time}/&gt;
            &lt;Route exact path=&quot;/Time/TimeTime&quot; component={TimeTime}/&gt;
            &lt;Route exact path=&quot;/Time/Calendar&quot; component={Calendar}/&gt;
            &lt;Route exact path=&quot;/Time/TDate&quot; component={TDate}/&gt;
            &lt;Route exact path=&quot;/Time/TimeNt&quot; component={TimeNt}/&gt;
            &lt;Route exact path=&quot;/Good&quot; component={Good}/&gt;
            &lt;Route exact path=&quot;/Good/Great&quot; component={Great}/&gt;
            &lt;Route exact path=&quot;/Good/Wonderful&quot; component={Wonderful}/&gt;
            &lt;Route exact path=&quot;/Bad&quot; component={Bad}/&gt;
            &lt;Route exact path=&quot;/Not&quot; component={Not}/&gt;
            &lt;Route exact path=&quot;/Done&quot; component={Done}/&gt;
            &lt;Route exact path=&quot;/End&quot; component={End}/&gt;
            &lt;Route exact path=&quot;/End/Direct&quot; component={Direct}/&gt;
            &lt;Route exact path=&quot;/End/US&quot; component={US}/&gt;
            &lt;Route exact path=&quot;/Work&quot; component={Work}/&gt;
            &lt;Route exact path=&quot;/Want&quot; component={Want}/&gt;
            &lt;Route exact path=&quot;/And&quot; component={And}/&gt;
            &lt;Route exact path=&quot;/That&quot; component={That}/&gt;
            &lt;Route exact path=&quot;/There&quot; component={There}/&gt;
            &lt;Route exact path=&quot;/Spell&quot; component={Spell}/&gt;
            &lt;Route exact path=&quot;/Am&quot; component={Am}/&gt;
            &lt;Route exact path=&quot;/Am/Nt&quot; component={AmNt}/&gt;
            &lt;Route exact path=&quot;/Watch&quot; component={Watch}/&gt;
            &lt;Route exact path=&quot;/Read&quot; component={Read}/&gt;
            &lt;Route exact path=&quot;/Read/Nt&quot; component={ReadNt}/&gt;
            &lt;Route exact path=&quot;/Read/Material&quot; component={Material}/&gt;
            &lt;Route exact path=&quot;/Like&quot; component={Like}/&gt;
            &lt;Route exact path=&quot;/Do&quot; component={Do}/&gt;
            &lt;Route exact path=&quot;/Do/Nt&quot; component={DoNt}/&gt;
            &lt;Route exact path=&quot;/Do/Catch&quot; component={Catch}/&gt;
            &lt;Route exact path=&quot;/Do/Dig&quot; component={Dig}/&gt;
            &lt;Route exact path=&quot;/Do/Fold&quot; component={Fold}/&gt;
            &lt;Route exact path=&quot;/Do/Hold&quot; component={Hold}/&gt;
            &lt;Route exact path=&quot;/Do/Lay&quot; component={Lay}/&gt;
            &lt;Route exact path=&quot;/Do/Pass&quot; component={Pass}/&gt;
            &lt;Route exact path=&quot;/Do/Pick&quot; component={Pick}/&gt;
            &lt;Route exact path=&quot;/Do/Point&quot; component={Point}/&gt;
            &lt;Route exact path=&quot;/Do/Pull&quot; component={Pull}/&gt;
            &lt;Route exact path=&quot;/Do/Push&quot; component={Push}/&gt;
            &lt;Route exact path=&quot;/Do/Remember&quot; component={Remember}/&gt;
            &lt;Route exact path=&quot;/Do/Roll&quot; component={Roll}/&gt;
            &lt;Route exact path=&quot;/Do/Rough&quot; component={Rough}/&gt;
            &lt;Route exact path=&quot;/Do/Smooth&quot; component={Smooth}/&gt;
            &lt;Route exact path=&quot;/Do/Soft&quot; component={Soft}/&gt;
            &lt;Route exact path=&quot;/Do/Throw&quot; component={Throw}/&gt;
            &lt;Route exact path=&quot;/Do/Touch&quot; component={Touch}/&gt;
            &lt;Route exact path=&quot;/Do/Wave&quot; component={Wave}/&gt;
            &lt;Route exact path=&quot;/Do/Wrap&quot; component={Wrap}/&gt;
            &lt;Route exact path=&quot;/Find&quot; component={Find}/&gt;
            &lt;Route exact path=&quot;/Go&quot; component={Go}/&gt;
            &lt;Route exact path=&quot;/Go/Nt&quot; component={GoNt}/&gt;
            &lt;Route exact path=&quot;/Go/Building&quot; component={Building}/&gt;
            &lt;Route exact path=&quot;/Get&quot; component={Get}/&gt;
            &lt;Route exact path=&quot;/Help&quot; component={Help}/&gt;
            &lt;Route exact path=&quot;/Look&quot; component={Look}/&gt;
            &lt;Route exact path=&quot;/Talk&quot; component={Talk}/&gt;
            &lt;Route exact path=&quot;/Think&quot; component={Think}/&gt;
            &lt;Route exact path=&quot;/Hear&quot; component={Hear}/&gt;
            &lt;Route exact path=&quot;/Make&quot; component={Make}/&gt;
            &lt;Route exact path=&quot;/Need&quot; component={Need}/&gt;
            &lt;Route exact path=&quot;/Turn&quot; component={Turn}/&gt;
            &lt;Route exact path=&quot;/Stop&quot; component={Stop}/&gt;
            &lt;Route exact pat=&quot;/Stop/Nt&quot; component={StopNt}/&gt;
            &lt;Route exact path=&quot;/Slow&quot; component={Slow}/&gt;
            &lt;Route exact path=&quot;/Fast&quot; component={Fast}/&gt;
            &lt;Route exact path=&quot;/Love&quot; component={Love}/&gt;
            &lt;Route exact path=&quot;/Feel&quot; component={Feel}/&gt;
            &lt;Route exact path=&quot;/New&quot; component={New}/&gt;
            &lt;Route exact path=&quot;/Have&quot; component={Have}/&gt;
            &lt;Route exact path=&quot;/Have/Nt&quot; component={HaveNt}/&gt;
            &lt;Route exact path=&quot;/Have/Pay&quot; component={Pay}/&gt;
            &lt;Route exact path=&quot;/Have/Actual&quot; component={Actual}/&gt;
            &lt;Route exact path=&quot;/Have/Check&quot; component={Check}/&gt;
            &lt;Route exact path=&quot;/Have/Cheap&quot; component={Cheap}/&gt;
            &lt;Route exact path=&quot;/Have/Expensive&quot; component={Expensive}/&gt;
            &lt;Route exact path=&quot;/Have/Own&quot; component={Own}/&gt;
            &lt;Route exact path=&quot;/Have/Buy&quot; component={Buy}/&gt;
            &lt;Route exact path=&quot;/Have/Shop&quot; component={Shop}/&gt;
            &lt;Route exact path=&quot;/Have/Inexpensive&quot; component={Inexpensive}/&gt;
            &lt;Route exact path=&quot;/Have/Cost&quot; component={Cost}/&gt;
            &lt;Route exact path=&quot;/Have/Change&quot; component={Change}/&gt;
            &lt;Route exact path=&quot;/All&quot; component={All}/&gt;
            &lt;Route exact path=&quot;/All/AllNt&quot; component={AllNt}/&gt;
            &lt;Route exact path=&quot;/Come&quot; component={Come}/&gt;
            &lt;Route exact path=&quot;/Color&quot; component={Color}/&gt;
            &lt;Route exact path=&quot;/Right&quot; component={Right}/&gt;
            &lt;Route exact path=&quot;/Right/Nt&quot; component={RightNt}/&gt;
            &lt;Route exact path=&quot;/Said&quot; component={Said}/&gt;
            &lt;Route exact path=&quot;/Ride&quot; component={Ride}/&gt;
            &lt;Route exact path=&quot;/Put&quot; component={Put}/&gt;
            &lt;Route exact path=&quot;/Sit&quot; component={Sit}/&gt;
            &lt;Route exact path=&quot;/Wear&quot; component={Wear}/&gt;
            &lt;Route exact path=&quot;/Wear/Nt&quot; component={WearNt}/&gt;
            &lt;Route exact path=&quot;/Wear/Clothing&quot; component={Clothing}/&gt;
            &lt;Route exact path=&quot;/Wear/WButton&quot; component={WButton}/&gt;
            &lt;Route exact path=&quot;/Wear/Dress&quot; component={Dress}/&gt;
            &lt;Route exact path=&quot;/Wear/Loose&quot; component={Loose}/&gt;
            &lt;Route exact path=&quot;/Wear/Tie&quot; component={Tie}/&gt;
            &lt;Route exact path=&quot;/Wear/Tight&quot; component={Tight}/&gt;
            &lt;Route exact path=&quot;/Wear/Zip&quot; component={Zip}/&gt;
            &lt;Route exact path=&quot;/Body&quot; component={Body}/&gt;
            &lt;Route exact path=&quot;/Left&quot; component={Left}/&gt;
            &lt;Route exact path=&quot;/Who&quot; component={Who}/&gt;
            &lt;Route exact path=&quot;/What&quot; component={What}/&gt;
            &lt;Route exact path=&quot;/When&quot; component={When}/&gt;
            &lt;Route exact path=&quot;/Where&quot; component={Where}/&gt;
            &lt;Route exact path=&quot;/Why&quot; component={Why}/&gt;
            &lt;Route exact path=&quot;/Count&quot; component={Count}/&gt;
            &lt;Route exact path=&quot;/Count/Add&quot; component={Add}/&gt;
            &lt;Route exact path=&quot;/Count/Subtract&quot; component={Subtract}/&gt;
            &lt;Route exact path=&quot;/Count/Multiply&quot; component={Multiply}/&gt;
            &lt;Route exact path=&quot;/Count/Divide&quot; component={Divide}/&gt;
            &lt;Route exact path=&quot;/Please&quot; component={Please}/&gt;
            &lt;Route exact path=&quot;/Shapes&quot; component={Shapes}/&gt;
            &lt;Route exact path=&quot;/Numbers&quot; component={Numbers}/&gt;
            &lt;Route exact path=&quot;/Letters&quot; component={Letters}/&gt;
            &lt;Route exact path=&quot;/Weather&quot; component={Weather}/&gt;
            &lt;Route exact path=&quot;/Animal&quot; component={Animal}/&gt;
            &lt;Route exact path=&quot;/Follow&quot; component={Follow}/&gt;
            &lt;Route exact path=&quot;/Follow/Baby&quot; component={Baby}/&gt;
            &lt;Route exact path=&quot;/Follow/People&quot; component={People}/&gt;
            &lt;Route exact path=&quot;/Follow/Strange&quot; component={Strange}/&gt;
          &lt;/Switch&gt;
        &lt;/Router&gt;
      &lt;/div&gt;
    );
  }
  
  export default App;
  </code></pre>