Updating Readme file content

Author: Sridhar-Karunakaran

README.md

@@ -1,8 +1,9 @@
 # 📊 Getting Started — React Pivot Table Component (Syncfusion EJ2)
 
 [![License](https://img.shields.io/badge/license-SEE%20LICENSE%20IN%20license-blue.svg)](https://www.syncfusion.com/content/downloads/syncfusion_license.pdf)
-[![React](https://img.shields.io/badge/React-18.3.1-blue.svg)](https://react.dev/)
-[![Syncfusion Version](https://img.shields.io/badge/Syncfusion%20EJ2-26.1.39-green.svg)](https://www.syncfusion.com/react-components/)
+[![React](https://img.shields.io/badge/React-19.2.4-blue.svg)](https://react.dev/)
+[![Last Updated](https://img.shields.io/github/last-commit/SyncfusionExamples/getting-started-with-the-react-pivot-table-component.svg)](https://github.com/SyncfusionExamples/getting-started-with-the-react-pivot-table-component/commits)
+[![Syncfusion Version](https://img.shields.io/badge/Syncfusion%20EJ2-32.1.19-green.svg)](https://www.syncfusion.com/react-components/)
 [![Node.js](https://img.shields.io/badge/Node.js-LTS-green.svg)](https://nodejs.org/)
 [![npm](https://img.shields.io/badge/npm-v10%2B-blue.svg)](https://www.npmjs.com/)
 
@@ -157,8 +158,8 @@ http://localhost:3000
 
 ```json
 {
-  "react": "^18.3.1",
-  "react-dom": "^18.3.1",
+  "react": "^19.2.4",
+  "react-dom": "^19.2.4",
   "react-scripts": "5.0.1"
 }
 ```
@@ -485,9 +486,3 @@ This project is licensed under the **Syncfusion Community License**. See the [Sy
 - ✅ Consider **server-side aggregation** for very large datasets
 
 ---
-
-**Last Updated:** February 2026  
-**Version:** 1.0.0  
-**Maintained By:** Syncfusion Examples Team  
-
-⭐ If you find this project helpful, please consider giving it a star on GitHub!

package.json

@@ -5,10 +5,10 @@
   "dependencies": {
     "@syncfusion/ej2-react-pivotview": "^26.1.39",
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/user-event": "^13.5.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.5.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
   },

src/App.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import { CalculatedField, FieldList, Inject, PivotViewComponent } from '@syncfusion/ej2-react-pivotview';
 import { pivotData } from './datasource';
 import './App.css';
+
 function App() {
     const dataSourceSettings = {
         columns: [{ name: 'Date', caption: 'Date' }, { name: 'Product' }],
@@ -16,12 +16,10 @@ function App() {
     };
     let pivotObj;
     return (
-    <PivotViewComponent ref={d => pivotObj = d} id='PivotView' height={350} dataSourceSettings={dataSourceSettings} allowCalculatedField={true} showFieldList={true}>
-        <Inject services={[CalculatedField, FieldList]}/>
-    </PivotViewComponent>
+        <PivotViewComponent ref={d => pivotObj = d} id='PivotView' height={350} dataSourceSettings={dataSourceSettings} allowCalculatedField={true} showFieldList={true}>
+            <Inject services={[CalculatedField, FieldList]}/>
+        </PivotViewComponent>
     );
 }
-;
-export default App;
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<App />);
+
+export default App;