Suspend inside the default layout

app/javascript/packs/frontend/app.tsx

@@ -13,8 +13,8 @@ import './assets/stylesheets/app.scss';
 function App() {
   return (
     <BrowserRouter>
-      <Suspense fallback={<div>Loading...</div>}>
-        <ApplicationLayout>
+      <ApplicationLayout>
+        <Suspense fallback={<div>Loading...</div>}>
           <Switch>
             <Route component={TestComponent} exact path='/' />
             <Route component={Pokemon} path='/pokemon' />
@@ -25,8 +25,8 @@ function App() {
           <p>
             <Link to='/pokemon'>Show me the pokemon!</Link>
           </p>
-        </ApplicationLayout>
-      </Suspense>
+        </Suspense>
+      </ApplicationLayout>
     </BrowserRouter>
   );
 }