From ce4911d8ae246997580d7aec8a5df52c91632fd0 Mon Sep 17 00:00:00 2001
From: art-alexeyenko <art.alexeyenko@gmail.com>
Date: Mon, 8 Jan 2024 15:28:00 -0500
Subject: [PATCH] [templates/nextjs-styleguide] Ensure Bootstrap component is
 used in styleguide

---
 .../nextjs-styleguide/src/pages/_app.tsx       | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/packages/create-sitecore-jss/src/templates/nextjs-styleguide/src/pages/_app.tsx b/packages/create-sitecore-jss/src/templates/nextjs-styleguide/src/pages/_app.tsx
index 36fa2b36ef..4970ced072 100644
--- a/packages/create-sitecore-jss/src/templates/nextjs-styleguide/src/pages/_app.tsx
+++ b/packages/create-sitecore-jss/src/templates/nextjs-styleguide/src/pages/_app.tsx
@@ -3,6 +3,7 @@ import Router from 'next/router';
 import { I18nProvider } from 'next-localization';
 import NProgress from 'nprogress';
 import { SitecorePageProps } from 'lib/page-props';
+import Bootstrap from 'src/Bootstrap';
 
 // Using bootstrap and nprogress are completely optional.
 //  bootstrap is used here to provide a clean layout for samples, without needing extra CSS in the sample app
@@ -22,12 +23,17 @@ function App({ Component, pageProps }: AppProps<SitecorePageProps>): JSX.Element
   const { dictionary, ...rest } = pageProps;
 
   return (
-    // Use the next-localization (w/ rosetta) library to provide our translation dictionary to the app.
-    // Note Next.js does not (currently) provide anything for translation, only i18n routing.
-    // If your app is not multilingual, next-localization and references to it can be removed.
-    <I18nProvider lngDict={dictionary} locale={pageProps.locale}>
-      <Component {...rest} />
-    </I18nProvider>
+    <>
+      <Bootstrap {...pageProps} />
+      {/*
+        // Use the next-localization (w/ rosetta) library to provide our translation dictionary to the app.
+        // Note Next.js does not (currently) provide anything for translation, only i18n routing.
+        // If your app is not multilingual, next-localization and references to it can be removed.
+      */}
+      <I18nProvider lngDict={dictionary} locale={pageProps.locale}>
+        <Component {...rest} />
+      </I18nProvider>
+    </>
   );
 }