Move the header back outside of the internal components.

src/EteSyncContext.tsx

@@ -44,18 +44,22 @@ export class EteSyncContext extends React.Component {
     }
 
     return (
-      <Switch>
+      <div>
-        <Route
+        <div className="App-header">
-          path={routeResolver.getRoute('home')}
+          <h2>Welcome to React</h2>
-          exact={true}
+        </div>
-          render={() => <JournalList etesync={this.state as EteSyncContextType} />}
+        <Switch>
-        />
+          <Route
-        <Route
+            path={routeResolver.getRoute('home')}
-          path={routeResolver.getRoute('journals._id')}
+            exact={true}
-          exact={true}
+            render={() => <JournalList etesync={this.state as EteSyncContextType} />}
-          render={({match}) => <JournalView match={match} etesync={this.state as EteSyncContextType} />}
+          />
-        />
+          <Route
-      </Switch>
+            path={routeResolver.getRoute('journals._id')}
+            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>