create-sitecore-jss 22.7.0-canary.2 → 22.7.0-canary.4

package/dist/templates/angular-xmcloud/package.json

@@ -8,8 +8,8 @@
     "prepare:proxy-build": "ts-node --project src/tsconfig.webpack-server.json ./scripts/proxy-build.ts"
   },
   "dependencies": {
-    "@sitecore-cloudsdk/core": "^0.5.0",
-    "@sitecore-cloudsdk/events": "^0.5.0",
+    "@sitecore-cloudsdk/core": "^0.5.1",
+    "@sitecore-cloudsdk/events": "^0.5.1",
     "font-awesome": "^4.7.0",
     "sass": "^1.52.3",
     "sass-alias": "^1.0.5"

package/dist/templates/nextjs/package.json

@@ -28,10 +28,10 @@
     "@sitecore-jss/sitecore-jss-nextjs": "<%- version %>",
     "graphql": "~15.8.0",
     "graphql-tag": "^2.12.6",
-    "next": "^14.2.18",
+    "next": "^15.3.1",
     "next-localization": "^0.12.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "sharp": "0.32.6"
   },
   "devDependencies": {
@@ -46,8 +46,8 @@
     "@sitecore-jss/sitecore-jss-cli": "<%- version %>",
     "@sitecore-jss/sitecore-jss-dev-tools": "<%- version %>",
     "@types/node": "^22.9.0",
-    "@types/react": "^18.2.22",
-    "@types/react-dom": "^18.0.5",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
     "@typescript-eslint/eslint-plugin": "^8.14.0",
     "@typescript-eslint/parser": "^8.14.0",
     "chalk": "~4.1.2",

package/dist/templates/nextjs/scripts/templates/component-src.ts

@@ -6,6 +6,7 @@
 function generateComponentSrc(componentName: string): string {
   return `import { Text, Field, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
+import { JSX } from 'react';
 
 type ${componentName}Props = ComponentProps & {
   fields: {

package/dist/templates/nextjs/src/Bootstrap.tsx

@@ -1,4 +1,5 @@
 /* eslint-disable  @typescript-eslint/no-unused-vars */
+import { JSX } from 'react';
 import { SitecorePageProps } from 'lib/page-props';
 
 /**

package/dist/templates/nextjs/src/Layout.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import Head from 'next/head';
 import { Placeholder, LayoutServiceData, Field, HTMLLink } from '@sitecore-jss/sitecore-jss-nextjs';
 import config from 'temp/config';

package/dist/templates/nextjs/src/Navigation.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import config from 'temp/config';
 
 // Prefix public assets with a public URL to enable compatibility with Sitecore editors.

package/dist/templates/nextjs/src/NotFound.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Head from 'next/head';
 
 /**

package/dist/templates/nextjs/src/Scripts.tsx

@@ -1,3 +1,5 @@
+import { JSX } from 'react';
+
 const Scripts = (): JSX.Element | null => {
   return null;
 };

package/dist/templates/nextjs/src/components/ContentBlock.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Text, RichText, Field, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
 

package/dist/templates/nextjs/src/lib/next-config/plugins/monorepo.js

@@ -5,7 +5,7 @@ const monorepoPlugin = (nextConfig = {}) => {
   return Object.assign({}, nextConfig, {
     webpack: (config, options) => {
       if (options.isServer) {
-        config.externals = ['react', 'vertx', ...config.externals];
+        config.externals = ['vertx', ...config.externals];
       }
 
       // Overload the Webpack config if it was already overloaded
@@ -14,7 +14,7 @@ const monorepoPlugin = (nextConfig = {}) => {
       }
 
       return config;
-    }
+    },
   });
 };
 

package/dist/templates/nextjs/src/pages/404.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import NotFound from 'src/NotFound';
 
 const Custom404 = (): JSX.Element => <NotFound />;

package/dist/templates/nextjs/src/pages/[[...path]].tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, JSX } from 'react';
 <% if (prerender === 'SSG') { -%>
 import { GetStaticPaths, GetStaticProps } from 'next';
 <% } else if (prerender === 'SSR') { -%>

package/dist/templates/nextjs/src/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react'; 
 import type { AppProps } from 'next/app';
 import { I18nProvider } from 'next-localization';
 import { SitecorePageProps } from 'lib/page-props';

package/dist/templates/nextjs-styleguide/src/Navigation.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Link from 'next/link';
 import { useI18n } from 'next-localization';
 import config from 'temp/config';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-Checkbox.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Field, getFieldValue } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-ContentList.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Field, Text, Item, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-Date.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { DateField, Field, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-File.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { File, FileField, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-Image.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { NextImage, ImageField, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-ItemLink.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Field, Text, Item, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-Link.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Link, LinkField, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-Number.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Text, Field, getFieldValue, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-RichText.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RichText, Field, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/fields/Styleguide-FieldUsage-Text.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Text, Field, getFieldValue, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from 'components/styleguide/Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/graphql/GraphQL-ConnectedDemo.dynamic.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React, { JSX, useEffect } from 'react';
 import {
   Text,
   Link,

package/dist/templates/nextjs-styleguide/src/components/graphql/GraphQL-IntegratedDemo.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Text, Link, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
 import NextLink from 'next/link';
@@ -114,9 +115,7 @@ const GraphQLIntegratedDemo = (props: GraphQlIntegratedDemoProps): JSX.Element =
           <ul>
             {contextItem.children.results.map((child: Item) => (
               <li key={child.id}>
-                <NextLink href={child.url.path}>
-                  {child.pageTitle.value}
-                </NextLink>
+                <NextLink href={child.url.path}>{child.pageTitle.value}</NextLink>
                 &nbsp; (editable title too! <Text field={child.pageTitle.jsonValue} />)
               </li>
             ))}

package/dist/templates/nextjs-styleguide/src/components/graphql/GraphQL-Layout.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Placeholder, useSitecoreContext } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
 
@@ -28,7 +29,10 @@ const GraphQLLayout = ({ rendering }: ComponentProps): JSX.Element => {
         </>
       )}
       {!disconnectedMode && (
-        <Placeholder name="<%- helper.getAppPrefix(appPrefix, appName) %>jss-graphql-layout" rendering={rendering} />
+        <Placeholder
+          name="<%- helper.getAppPrefix(appPrefix, appName) %>jss-graphql-layout"
+          rendering={rendering}
+        />
       )}
     </div>
   );

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-ComponentParams.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import StyleguideSpecimen from './Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';
 import { StyleguideSpecimenFields } from 'lib/component-props/styleguide';

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-CustomRouteType.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Link from 'next/link';
 import { useSitecoreContext, Text, RichText, Field } from '@sitecore-jss/sitecore-jss-nextjs';
 
@@ -27,9 +28,7 @@ const StyleguideCustomRouteType = (): JSX.Element => {
 
       <RichText field={fields.content} />
 
-      <Link href="/styleguide">
-        Return to the Styleguide
-      </Link>
+      <Link href="/styleguide">Return to the Styleguide</Link>
     </div>
   );
 };

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-EditFrame.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Field, Item, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
 import { EditFrame } from '@sitecore-jss/sitecore-jss-nextjs';

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-Layout-Reuse.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Placeholder } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from './Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-Layout-Tabs-Tab.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import {
   Text,
   RichText,

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-Layout.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import {
   Placeholder,
   getChildPlaceholder,

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-Multilingual.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Text, Field, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import Link from 'next/link';
 import { useI18n } from 'next-localization';

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-RouteFields.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Link from 'next/link';
 import { Text, Field, useSitecoreContext } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from './Styleguide-Specimen';

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-Section.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Field, Placeholder, Text, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
 

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-SitecoreContext.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { useSitecoreContext } from '@sitecore-jss/sitecore-jss-nextjs';
 import StyleguideSpecimen from './Styleguide-Specimen';
 import { ComponentProps } from 'lib/component-props';

package/dist/templates/nextjs-styleguide/src/components/styleguide/Styleguide-Specimen.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { Text, RichText, withDatasourceCheck } from '@sitecore-jss/sitecore-jss-nextjs';
 import { ComponentProps } from 'lib/component-props';
 import { StyleguideSpecimenFields } from 'lib/component-props/styleguide';

package/dist/templates/nextjs-styleguide/src/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import type { AppProps } from 'next/app';
 import Router from 'next/router';
 import { I18nProvider } from 'next-localization';

package/dist/templates/nextjs-styleguide-tracking/src/Navigation.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Link from 'next/link';
 import { useI18n } from 'next-localization';
 import config from 'temp/config';

package/dist/templates/nextjs-styleguide-tracking/src/Scripts.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { VisitorIdentification } from '@sitecore-jss/sitecore-jss-nextjs';
 
 const Scripts = (): JSX.Element => {

package/dist/templates/nextjs-sxa/scripts/templates/component-src.ts

@@ -4,7 +4,7 @@
  * @returns component src boilerplate as a string
  */
 function generateComponentSrc(componentName: string): string {
-  return `import React from 'react';
+  return `import { JSX } from 'react';
 import { ComponentParams, ComponentRendering } from '@sitecore-jss/sitecore-jss-nextjs';
 
 interface ${componentName}Props {

package/dist/templates/nextjs-sxa/src/Layout.tsx

@@ -1,7 +1,7 @@
 /**
  * This Layout is needed for Starter Kit.
  */
-import React from 'react';
+import { JSX } from 'react';
 import Head from 'next/head';
 import { Placeholder, LayoutServiceData, Field, HTMLLink } from '@sitecore-jss/sitecore-jss-nextjs';
 import config from 'temp/config';

package/dist/templates/nextjs-sxa/src/assets/sass/components/_component-column-splitter.scss

@@ -3,8 +3,8 @@
 .row.column-splitter {
     margin-left: 0;
     margin-right: 0;
-    padding-left: $default-padding / 2;
-    padding-right: $default-padding / 2;
+    padding-left: $default-padding * 0.5;
+    padding-right: $default-padding * 0.5;
     max-width: none;
 
     > div {

package/dist/templates/nextjs-sxa/src/assets/sass/components/promo/_promo-shadow.scss

@@ -13,11 +13,11 @@
         float: left;
     }
     >.component-content {
+        padding: 15px;
+        margin: 0 0 30px 0;
         @include respond-to(all-mobile) {
             margin: 0 10px 30px 10px;
         }
-        padding: 15px;
-        margin: 0 0 30px 0;
         &:before, &:after {
             opacity: 0.7;
             box-shadow: 0 17px 10px rgba(0, 0, 0, 0.7);

package/dist/templates/nextjs-sxa/src/components/ColumnSplitter.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   ComponentParams,
   ComponentRendering,

package/dist/templates/nextjs-sxa/src/components/Container.tsx

@@ -1,9 +1,9 @@
+import { JSX } from 'react';
 import {
   ComponentParams,
   ComponentRendering,
   Placeholder,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import React from 'react';
 
 interface ComponentProps {
   rendering: ComponentRendering & { params: ComponentParams };

package/dist/templates/nextjs-sxa/src/components/Image.tsx

@@ -1,3 +1,4 @@
+import { CSSProperties, JSX } from 'react';
 import {
   EditMode,
   Field,
@@ -8,7 +9,6 @@ import {
   Text,
   useSitecoreContext,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import React, { CSSProperties } from 'react';
 
 interface Fields {
   Image: ImageField & { metadata?: { [key: string]: unknown } };

package/dist/templates/nextjs-sxa/src/components/LinkList.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import { Link as JssLink, Text, LinkField, TextField } from '@sitecore-jss/sitecore-jss-nextjs';
 
 type ResultsFieldLink = {

package/dist/templates/nextjs-sxa/src/components/Navigation.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState, JSX } from 'react';
 import {
   Link,
   LinkField,

package/dist/templates/nextjs-sxa/src/components/PageContent.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   RichText as JssRichText,
   useSitecoreContext,

package/dist/templates/nextjs-sxa/src/components/PartialDesignDynamicPlaceholder.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import { Placeholder, ComponentRendering } from '@sitecore-jss/sitecore-jss-nextjs';
 
 type DynamicPlaceholderProps = {

package/dist/templates/nextjs-sxa/src/components/Promo.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   NextImage as JssImage,
   Link as JssLink,

package/dist/templates/nextjs-sxa/src/components/RichText.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import { Field, RichText as JssRichText } from '@sitecore-jss/sitecore-jss-nextjs';
 
 interface Fields {

package/dist/templates/nextjs-sxa/src/components/RowSplitter.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { JSX } from 'react';
 import {
   ComponentParams,
   ComponentRendering,

package/dist/templates/nextjs-sxa/src/components/Title.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import {
   Link,
   LinkField,
@@ -5,7 +6,6 @@ import {
   TextField,
   useSitecoreContext,
 } from '@sitecore-jss/sitecore-jss-nextjs';
-import React from 'react';
 
 interface Fields {
   data: {

package/dist/templates/nextjs-sxa/src/lib/next-config/plugins/sass.js

@@ -11,6 +11,9 @@ const SassAlias = require('sass-alias');
           '@sass': path.join(__dirname, '../../../assets', 'sass'),
           '@fontawesome': path.join(__dirname, '../../../../node_modules', 'font-awesome'),
         }).getImporter(),
+        // temporary measure until new versions of bootstrap and font-awesome released
+        quietDeps: true,    
+        silenceDeprecations: ["import", "legacy-js-api"],
       },
     });
 };

package/dist/templates/nextjs-sxa/src/pages/404.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import config from 'temp/config';
 import {
   GraphQLErrorPagesService,

package/dist/templates/nextjs-sxa/src/pages/500.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Head from 'next/head';
 import {
   GraphQLErrorPagesService,

package/dist/templates/nextjs-sxa/src/pages/_app.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react'; 
 import type { AppProps } from 'next/app';
 import { I18nProvider } from 'next-localization';
 import { SitecorePageProps } from 'lib/page-props';

package/dist/templates/nextjs-xmcloud/package.json

@@ -1,8 +1,8 @@
 {
   "dependencies": {
     "@sitecore/components": "~2.0.1",
-    "@sitecore-cloudsdk/core": "^0.5.0",
-    "@sitecore-cloudsdk/events": "^0.5.0",
+    "@sitecore-cloudsdk/core": "^0.5.1",
+    "@sitecore-cloudsdk/events": "^0.5.1",
     "@sitecore-feaas/clientside": "^0.5.19"
   }
 }

package/dist/templates/nextjs-xmcloud/scripts/templates/byoc-component-src.ts

@@ -4,7 +4,7 @@
  * @returns component src boilerplate as a string
  */
 function generateComponentSrc(componentName: string): string {
-  return `import React from 'react';
+  return `import { JSX } from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 
 interface ${componentName}Props {

package/dist/templates/nextjs-xmcloud/src/Bootstrap.tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, JSX } from 'react';
 import { SitecorePageProps } from 'lib/page-props';
 import { CloudSDK } from '@sitecore-cloudsdk/core/browser';
 import '@sitecore-cloudsdk/events/browser';

package/dist/templates/nextjs-xmcloud/src/Scripts.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { EditingScripts } from '@sitecore-jss/sitecore-jss-nextjs';
 // The BYOC bundle imports external (BYOC) components into the app and makes sure they are ready to be used
 import BYOC from 'src/byoc';

package/dist/templates/nextjs-xmcloud/src/byoc/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 import * as Events from '@sitecore-cloudsdk/events/browser';
 import '@sitecore/components/context';

package/dist/templates/nextjs-xmcloud/src/components/CdpPageView.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import {
   CdpHelper,
   LayoutServicePageState,

package/dist/templates/nextjs-xmcloud/src/components/FEAASScripts.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import Image from 'next/image';
 import * as FEAAS from '@sitecore-feaas/clientside/react';
 import nextConfig from 'next.config';

package/dist/templates/nextjs-xmcloud/src/pages/[[...path]].tsx

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useEffect, JSX } from 'react';
 <% if (prerender === 'SSG') { -%>
 import { GetStaticPaths, GetStaticProps } from 'next';
 <% } else if (prerender === 'SSR') { -%>

package/dist/templates/nextjs-xmcloud/src/pages/feaas/render.tsx

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { GetServerSideProps } from 'next';
 import BYOC from 'src/byoc';
 import * as FEAAS from '@sitecore-feaas/clientside/react';

package/dist/templates/react/package.json

@@ -35,9 +35,9 @@
     "graphql": "~16.8.1",
     "graphql-tag": "~2.12.6",
     "i18next": "^22.0.6",
-    "react": "^18.2.0",
+    "react": "^19.0.0",
     "react-app-polyfill": "^3.0.0",
-    "react-dom": "^18.2.0",
+    "react-dom": "^19.0.0",
     "react-helmet": "~6.1.0",
     "react-i18next": "~12.0.0",
     "react-router-dom": "~6.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-sitecore-jss",
-  "version": "22.7.0-canary.2",
+  "version": "22.7.0-canary.4",
   "description": "Sitecore JSS initializer",
   "bin": "./dist/index.js",
   "scripts": {
@@ -65,5 +65,5 @@
     "ts-node": "^10.9.1",
     "typescript": "~5.6.3"
   },
-  "gitHead": "ca9f11c61d1477426d308dc99369074a8e562a40"
+  "gitHead": "7ddcfed26e5f7532df7c57965b54afbc4225c136"
 }