diff --git a/ej2-react/grid/getting-started.md b/ej2-react/grid/getting-started.md index 34d0d33a6..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,21 +136,21 @@ The Data Grid code should be added to the **src/App.tsx** file. ## Run the application -```bash +``` 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) diff --git a/ej2-react/treegrid/getting-started.md b/ej2-react/treegrid/getting-started.md index 0cbe594ba..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,21 +140,21 @@ The tree grid code should be placed in the **src/App.tsx** file. ## Run the application -```bash +``` 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 @@ -165,4 +165,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)