Navigating between Home and Watch component

App.js

import React, {Component} from 'react';
import {Home} from './containers/Home/Home';
import {AppLayout} from './components/AppLayout/AppLayout';
import {Route, Switch} from 'react-router-dom';
import {Watch} from './containers/Watch/Watch';

class App extends Component {
  render() {
    return (
      <AppLayout>
        <Switch>
          <Route path="/watch" component={Watch}/>
          <Route path="/" component={Home}/>
        </Switch>
      </AppLayout>
    );
  }
}

export default App;

It sems missing of importing Watch.
This below code seems right.

import React, { Component } from 'react';
import {Home} from './containers/Home/Home';
import {Watch} from './containers/Watch/Watch';
import { AppLayout } from './components/AppLayout/AppLayout';
import {Route, Switch} from 'react-router-dom'

class App extends Component {
  render() {
    return (
        <AppLayout>
          <Switch>
            <Route path='/watch' component={Watch}/>
            <Route path='/' component={Home}/>
          </Switch>
        </AppLayout>     
    );
  }
}

export default App;

Yes, thanks for bringing this up. I updated the gist