1011820: Addressed review comments and resolved CI issues.

Author: DinakarSF4212

Document-Processing-toc.html

@@ -5261,11 +5261,11 @@
 							<li><a href="/document-processing/excel/spreadsheet/react/data-binding">Data Binding</a></li>
 							<li>Environment Integration
 								<ul>
-									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/nextjs-getting-started">Using with NextJS</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/create-react-app">Using with Create React App</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/preact">Using with Preact</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/remix">Using with Remix</a></li>
-									<li><a href="/document-processing/excel/spreadsheet/react/environment-integration/sharepoint">Using with SharePoint Framework (SPFx)</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/environment-integrations/nextjs-getting-started">Using with NextJS</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/environment-integrations/create-react-app">Using with Create React App</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/environment-integrations/preact">Using with Preact</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/environment-integrations/remix">Using with Remix</a></li>
+									<li><a href="/document-processing/excel/spreadsheet/react/environment-integrations/sharepoint">Using with SharePoint Framework (SPFx)</a></li>
 								</ul>
 							</li>
 							<li><a href="/document-processing/excel/spreadsheet/react/open-excel-files">Open Excel Files</a>

Document-Processing/Excel/Spreadsheet/React/Environment Integrations/create-react-app.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: React Spreadsheet getting started with Create React App | Syncfusion
-description: Integrate and use the Syncfusion React Spreadsheet component using create react app.
+description: Integrate and use React Spreadsheet using create react app.
 control: Spreadsheet
 platform: document-processing
 documentation: ug
@@ -41,7 +41,7 @@ npx create-react-app my-app --template typescript
 cd my-app
 ```
 
-Besides using the [npx](https://medium.com/@maybekatz/introducing-npx-an-npm-package-runner-55f7d4bd282b) package runner tool, also create an application from the `npm init`. To begin with the `npm init`, upgrade the `npm` version to `npm 6`+.
+Besides using the `npx` package runner tool, also create an application from the `npm init`. To begin with the `npm init`, upgrade the `npm` version to `npm 6`+.
 
 ```bash
 npm init react-app my-app
@@ -65,7 +65,7 @@ yarn add @syncfusion/ej2-react-spreadsheet
 
 ## Import CSS
 
-Syncfusion React Spreadshet come with built-in [themes](https://ej2.syncfusion.com/react/documentation/appearance/theme). Import the CSS styles for the Srpeadsheet component and its dependent components in the `src/App.css` file. The example below demonstrates importing the `Tailwind 3` theme.
+Syncfusion React Spreadsheet come with built-in [themes](https://ej2.syncfusion.com/react/documentation/appearance/theme). Import the CSS styles for the Spreadsheet component and its dependent components in the `src/App.css` file. The example below demonstrates importing the `Tailwind 3` theme.
 
 ```css
 @import '../node_modules/@syncfusion/ej2-base/styles/tailwind3.css';
@@ -84,7 +84,7 @@ For more details on built-in themes and usage, refer to the [Themes topic](https
 
 ## Adding Spreadsheet component
 
-Now, you can import the spreadsheet component into your `src/App.jsx` file.
+Now, you can import the spreadsheet component into your `src/App.js` file.
 
 {% tabs %}
 {% highlight js tabtitle="app.jsx" %}

Document-Processing/Excel/Spreadsheet/React/Environment Integrations/preact.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: React Spreadsheet getting started with Preact | Syncfusion
-description: Integrate and use the Syncfusion React Spreadsheet component within a Preact app.
+description: Integrate and use React Spreadsheet within a Preact app.
 control: Spreadsheet
 platform: document-processing
 documentation: ug
@@ -119,7 +119,7 @@ Import the Syncfusion® component themes in the `src/style.css` file as shown be
 
 ## Adding Spreadsheet component
 
-Add the React Spreadsheet component in `src/index.jsx` file using the following code:
+Add the React Spreadsheet component in `src/index.js` file using the following code:
 
 ```js
 import * as React from 'react';

Document-Processing/Excel/Spreadsheet/React/Environment Integrations/remix.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: React Spreadsheet getting started with Remix | Syncfusion
-description: Integrate and use the Syncfusion React Spreadsheet component within a Remix app.
+description: Integrate and use React Spreadsheet within a Remix app.
 control: Spreadsheet
 platform: document-processing
 documentation: ug
@@ -102,15 +102,15 @@ export default defineConfig({
 });
 ```
 
-This configuration ensures Syncfusion modules are properly transpiled for SSR compatibility.
+This configuration ensures Syncfusion modules are properly compiled for SSR compatibility.
 
 ## Adding Spreadsheet component
 
-Add the React Spreadsheet component in `~/app/routes/_index.tsx` file using the following code:
+Add the React Spreadsheet component in `~/app/routes/_index.ts` file using the following code:
 
 ```js
 import type { Route } from "./+types/home";
-import  {Spreadsheet}  from '../components/spreadsheet';
+import { SpreadsheetComponent } from '@syncfusion/ej2-react-spreadsheet';
 
 export function meta({}: Route.MetaArgs) {
   return [
@@ -120,7 +120,7 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export default function Index() {
-  return <Spreadsheet />;
+  return <SpreadsheetComponent />;
 }
 ```
 

Document-Processing/Excel/Spreadsheet/React/Environment Integrations/sharepoint.md

@@ -1,7 +1,7 @@
 ---
 layout: post
 title: Syncfusion React Spreadsheet in SharePoint
-description: Quickstart to integrate the Syncfusion React Spreadsheet into an SPFx React web part.
+description: To integrate React Spreadsheet into an SPFx React web part.
 control: Spreadsheet
 platform: document-processing
 documentation: ug
@@ -11,7 +11,7 @@ documentation: ug
 
 This article provides a step-by-step guide for setting up a SharePoint project and integrating the Syncfusion® React components.
 
-`SharePoint` Framework (SPFx) is a development model and framework provided by Microsoft for building custom solutions and extensions for SharePoint and Microsoft Teams. It is a modern, client-side framework that allows developers to create web parts, extensions, and customizations that can be deployed and used within SharePoint sites and Teams applications.
+`SharePoint` Framework is a development model and framework provided by Microsoft for building custom solutions and extensions for SharePoint and Microsoft Teams. It is a modern, client-side framework that allows developers to create web parts, extensions, and customizations that can be deployed and used within SharePoint sites and Teams applications.
 
 ## Prerequisites
 
@@ -20,7 +20,7 @@ This article provides a step-by-step guide for setting up a SharePoint project a
 
 ## Set up the SharePoint project
 
-Create a new SPFx project using the following command:
+Create a new project using the following command:
 
 **Step 1:** To initiate the creation of a new SharePoint project, use the following command:
 
@@ -58,7 +58,7 @@ npm install @syncfusion/ej2-react-spreadsheet --save
 ## Adding CSS reference
 Themes for Syncfusion React Spreadsheet can be applied using CSS files from npm packages, CDN, CRG, or [Theme Studio](https://ej2.syncfusion.com/react/documentation/appearance/theme-studio). Refer to the [themes documentation](https://ej2.syncfusion.com/react/documentation/appearance/theme) for more detail.
 
-This example demonstrates importing the Material theme CSS within the `App.tsx` file located at `~/src/webparts/app/components/App.tsx`:
+This example demonstrates importing the `Tailwind 3` theme CSS within the `App.ts` file located at `~/src/webparts/app/components/App.ts`:
 
 ```ts
 require('@syncfusion/ej2-base/styles/tailwind3.css');
@@ -75,7 +75,7 @@ require('@syncfusion/ej2-react-spreadsheet/styles/tailwind3.css');
 
 ## Add Spreadsheet Component
 
-Add the below code in the App.tsx file inside the ~/src/webparts/app/components folder to render the spreadsheet.
+Add the below code in the `App.ts` file inside the ~/src/webparts/app/components folder to render the spreadsheet.
 
 ```ts
 import * as React from 'react';