Fix double registration of byoc components (#1707)

* fix double registeration of byoc components

* update changelog

CHANGELOG.md

@@ -30,6 +30,7 @@ Our versioning strategy is as follows:
 * `[sitecore-jss-react]` `[templates/nextjs-xmcloud]` Ensure FEAAS and BYOC components can correctly use item datasources ([#1694](https://github.com/Sitecore/jss/pull/1694))
 * `[sitecore-jss-nextjs]` Fix loop error in redirect middleware when the pattern of redirect has default locale. ([#1696](https://github.com/Sitecore/jss/pull/1696))
 * `[templates/nextjs-sxa]` Fix feature `show Grid column` in Experience Editor. ([#1704](https://github.com/Sitecore/jss/pull/1704))
+* `[templates/nextjs-xmcloud]` Fix double registration of BYOC components ([#1707](https://github.com/Sitecore/jss/pull/1707))
 
 ### 🛠 Breaking Changes
 

packages/create-sitecore-jss/src/templates/nextjs-xmcloud/src/lib/next-config/plugins/feaas.js

@@ -8,7 +8,14 @@ const feaasPlugin = (nextConfig = {}) => {
         // Force use of CommonJS on the server for FEAAS SDK since JSS also uses CommonJS entrypoint to FEAAS SDK.
         // This prevents issues arising due to FEAAS SDK's dual CommonJS/ES module support on the server (via conditional exports).
         // See https://nodejs.org/api/packages.html#dual-package-hazard.
-        config.externals = [{ '@sitecore-feaas/clientside/react': 'commonjs @sitecore-feaas/clientside/react' }, ...config.externals];
+        config.externals = [
+          {
+            '@sitecore-feaas/clientside/react': 'commonjs @sitecore-feaas/clientside/react',
+            '@sitecore/byoc': 'commonjs @sitecore/byoc',
+            '@sitecore/byoc/react': 'commonjs @sitecore/byoc/react',
+            ...config.externals,
+          },
+        ];
       }
 
       // Overload the Webpack config if it was already overloaded
@@ -17,7 +24,7 @@ const feaasPlugin = (nextConfig = {}) => {
       }
 
       return config;
-    }
+    },
   });
 };