Update Layout.tsx

Sitecore · Oct 20, 2023 · b420daf · b420daf
1 parent 581fb1b
commit b420daf
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/Layout.tsx b/packages/create-sitecore-jss/src/templates/nextjs/src/Layout.tsx
@@ -6,12 +6,11 @@ import {
   Field,
   HTMLLink,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import * as FEAAS from '@sitecore-feaas/clientside/react';
 import { getPublicUrl } from '@sitecore-jss/sitecore-jss-nextjs/utils';
 import Navigation from 'src/Navigation';
 import Scripts from 'src/Scripts';
-// The bundle imports external (BYOC) components into the app. <FEAAS.ExternalComponentBundle /> below will ensure they are ready to be used.
-import 'src/byoc';
+// The bundle imports external (BYOC) components into the app and makes sure they are ready to be used.
+import BYOC from 'src/byoc';
 
 // Prefix public assets with a public URL to enable compatibility with Sitecore editors.
 // If you're not supporting Sitecore editors, you can remove this.
@@ -35,7 +34,7 @@ const Layout = ({ layoutData, headLinks }: LayoutProps): JSX.Element => {
   return (
     <>
       <Scripts />
-      <FEAAS.ExternalComponentBundle />
+      <BYOC />
       <Head>
         <title>{fields.pageTitle.value.toString() || 'Page'}</title>
         <link rel="icon" href={`${publicUrl}/favicon.ico`} />