Move the header back outside of the internal components.

src/EteSyncContext.tsx

@@ -44,6 +44,10 @@ export class EteSyncContext extends React.Component {
     }
 
     return (
+      <div>
+        <div className="App-header">
+          <h2>Welcome to React</h2>
+        </div>
         <Switch>
           <Route
             path={routeResolver.getRoute('home')}
@@ -52,10 +56,10 @@ export class EteSyncContext extends React.Component {
           />
           <Route
             path={routeResolver.getRoute('journals._id')}
-          exact={true}
             render={({match}) => <JournalView match={match} etesync={this.state as EteSyncContextType} />}
           />
         </Switch>
+      </div>
     );
   }
 }

src/JournalList.tsx

@@ -55,9 +55,6 @@ export class JournalList extends React.Component {
 
     return (
       <div>
-        <div className="App-header">
-          <h2>Welcome to React</h2>
-        </div>
         <ul>
           {journals}
         </ul>

src/JournalView.tsx

@@ -49,9 +49,6 @@ export class JournalView extends React.Component {
 
     return (
       <div>
-        <div className="App-header">
-          <h2>Welcome to React</h2>
-        </div>
         <ul>
           {journals}
         </ul>