From bcb47d5f08f9a5e8ee90ea632fb27e58e2a70d13 Mon Sep 17 00:00:00 2001 From: YukeshNarayanB-SF5087 Date: Wed, 22 Jul 2026 19:05:35 +0530 Subject: [PATCH 1/4] Update Syncfusion license registration instructions Clarify license registration instructions and update placeholder. --- ej2-react/treegrid/getting-started.md | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/ej2-react/treegrid/getting-started.md b/ej2-react/treegrid/getting-started.md index 0cbe594ba..d725b76a9 100644 --- a/ej2-react/treegrid/getting-started.md +++ b/ej2-react/treegrid/getting-started.md @@ -146,14 +146,16 @@ npm run dev ## Registering Syncfusion license -Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it before rendering your React application: - -```tsx +Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it in the `main.jsx` or `main.tsx` file before rendering your React application: + +``` import { registerLicense } from '@syncfusion/ej2-base'; -registerLicense('YOUR_LICENSE_KEY'); +registerLicense('YOUR_LICENSE_KEY_HERE'); ``` +> Replace `'YOUR_LICENSE_KEY_HERE'` with the actual license key obtained from your Syncfusion account. For more information, refer to the [Syncfusion Licensing documentation](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration). + > **Note:** A valid Syncfusion license is required for production use. Without a valid license, a trial license warning message will be displayed. ## Troubleshooting @@ -165,4 +167,4 @@ N> Looking for the full React Tree Grid component overview, features, pricing, a ## See Also -* [Grid Feature Modules](./module) \ No newline at end of file +* [Grid Feature Modules](./module) From 52e09c2ac296e6d0ea88fb8b613ad00b18079223 Mon Sep 17 00:00:00 2001 From: YukeshNarayanB-SF5087 Date: Wed, 22 Jul 2026 19:06:14 +0530 Subject: [PATCH 2/4] Clarify Syncfusion license registration process Updated license registration instructions for Syncfusion in getting-started.md. --- ej2-react/grid/getting-started.md | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/ej2-react/grid/getting-started.md b/ej2-react/grid/getting-started.md index 34d0d33a6..6a51e24c1 100644 --- a/ej2-react/grid/getting-started.md +++ b/ej2-react/grid/getting-started.md @@ -142,15 +142,15 @@ npm run dev ## Registering Syncfusion license -Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it before rendering your React application: - -```tsx +Generate a license key from the [Syncfusion License Dashboard](https://www.syncfusion.com/account/downloads) and register it in the `main.jsx` or `main.tsx` file before rendering your React application: + +``` import { registerLicense } from '@syncfusion/ej2-base'; -registerLicense('YOUR_LICENSE_KEY'); +registerLicense('YOUR_LICENSE_KEY_HERE'); ``` -> **Note:** A valid Syncfusion license is required for production use. Without a valid license, a trial license warning message will be displayed. +> Replace `'YOUR_LICENSE_KEY_HERE'` with the actual license key obtained from your Syncfusion account. For more information, refer to the [Syncfusion Licensing documentation](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration). ## Troubleshooting @@ -167,4 +167,4 @@ N> Looking for the full React Data Grid component overview, features, pricing, a * [How to render React Data Grid with bootstrap theme](https://support.syncfusion.com/kb/article/10054/how-to-render-react-grid-with-bootstrap-theme) * [Getting Started with Next.js](./nextjs-getting-started) * [Getting Started with SharePoint](./sharepoint) -* [Getting Started with Preact](./preact) \ No newline at end of file +* [Getting Started with Preact](./preact) From 147306780f91e9d55cc06c637c431f29c82cf3c4 Mon Sep 17 00:00:00 2001 From: YukeshNarayanB-SF5087 Date: Wed, 22 Jul 2026 19:07:17 +0530 Subject: [PATCH 3/4] Fix code block formatting in getting-started.md Updated code snippets in getting-started.md for React setup instructions. --- ej2-react/grid/getting-started.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/ej2-react/grid/getting-started.md b/ej2-react/grid/getting-started.md index 6a51e24c1..f30064c93 100644 --- a/ej2-react/grid/getting-started.md +++ b/ej2-react/grid/getting-started.md @@ -59,13 +59,13 @@ To create a new React application, run one of the following commands based on yo ***React with JavaScript*** -```bash +``` npx create-vite@latest my-app --template react ``` ***React with TypeScript*** -```bash +``` npx create-vite@latest my-app --template react-ts ``` @@ -80,7 +80,7 @@ After verifying that the application starts successfully, terminate the developm Then, navigate to the project directory: -```bash +``` cd my-app ``` @@ -88,7 +88,7 @@ cd my-app To install the Grids package, use the following command: -```bash +``` npm install @syncfusion/ej2-react-grids --save ``` @@ -136,7 +136,7 @@ The Data Grid code should be added to the **src/App.tsx** file. ## Run the application -```bash +``` npm run dev ``` From 61fbcb51769a1e226ba4bb9968dd00c02cb35e3d Mon Sep 17 00:00:00 2001 From: YukeshNarayanB-SF5087 Date: Wed, 22 Jul 2026 19:08:29 +0530 Subject: [PATCH 4/4] Revise getting started guide for React Tree Grid Updated command syntax for creating React applications and added troubleshooting tips. --- ej2-react/treegrid/getting-started.md | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/ej2-react/treegrid/getting-started.md b/ej2-react/treegrid/getting-started.md index d725b76a9..b4adc6702 100644 --- a/ej2-react/treegrid/getting-started.md +++ b/ej2-react/treegrid/getting-started.md @@ -63,13 +63,13 @@ To create a new React application, run one of the following commands based on yo ***React with JavaScript*** -```bash +``` npx create-vite@latest my-app --template react ``` ***React with TypeScript*** -```bash +``` npx create-vite@latest my-app --template react-ts ``` @@ -84,7 +84,7 @@ After verifying that the application starts successfully, terminate the developm Then, navigate to the project directory: -```bash +``` cd my-app ``` @@ -140,7 +140,7 @@ The tree grid code should be placed in the **src/App.tsx** file. ## Run the application -```bash +``` npm run dev ``` @@ -156,8 +156,6 @@ registerLicense('YOUR_LICENSE_KEY_HERE'); > Replace `'YOUR_LICENSE_KEY_HERE'` with the actual license key obtained from your Syncfusion account. For more information, refer to the [Syncfusion Licensing documentation](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration). -> **Note:** A valid Syncfusion license is required for production use. Without a valid license, a trial license warning message will be displayed. - ## Troubleshooting - **Grid not rendering styles:** Ensure the theme CSS is imported in `App.css` and that you removed the default Vite CSS in `index.css`.