From 59010661bd42be68147d8073ecdca724f2cf1160 Mon Sep 17 00:00:00 2001
From: Hristo Hristov <HHristov@infragistics.com>
Date: Thu, 26 Jun 2025 14:45:22 +0300
Subject: [PATCH] fix(react): add missing argument and fix incorrect types

---
 .../default/files/src/app/__path__/__filePrefix__.tsx  |  4 ++--
 .../basic/files/src/app/__path__/__filePrefix__.tsx    | 10 +++++-----
 .../default/files/src/app/__path__/__filePrefix__.tsx  |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx
index 2bb05e8b0..ca39e7e75 100644
--- a/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx
+++ b/packages/cli/templates/react/igr-ts/doughnut-chart/default/files/src/app/__path__/__filePrefix__.tsx
@@ -24,8 +24,8 @@ const data: any = [
 export default function $(ClassName)() {
   const title = 'Doughnut Chart';
   const [chartData, setChartData] = useState([]);
-  const legendRef: any = useRef();
-  const chartRef: any = useRef();
+  const legendRef: any = useRef(null);
+  const chartRef: any = useRef(null);
 
   useEffect(() => {
     setChartData(data);
diff --git a/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx
index 4b14fb365..59fce80ab 100644
--- a/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx
+++ b/packages/cli/templates/react/igr-ts/grid/basic/files/src/app/__path__/__filePrefix__.tsx
@@ -25,27 +25,27 @@ export default function $(ClassName)() {
             <IgrColumn
               field="ProductID"
               header="Product ID"
-              dataType="Number">
+              dataType="number">
             </IgrColumn>
             <IgrColumn
               field="ProductName"
               header="Product Name"
-              dataType="String">
+              dataType="string">
             </IgrColumn>
             <IgrColumn
               field="QuantityPerUnit"
               header="Quantity Per Unit"
-              dataType="String">
+              dataType="string">
             </IgrColumn>
             <IgrColumn
               field="UnitsInStock"
               header="Units In Stock"
-              dataType="Number">
+              dataType="number">
             </IgrColumn>
             <IgrColumn
               field="OrderDate"
               header="Order Date"
-              dataType="Date">
+              dataType="date">
             </IgrColumn>
           </IgrGrid>
         </div>
diff --git a/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx b/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx
index 00f6022ea..898a90045 100644
--- a/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx
+++ b/packages/cli/templates/react/igr-ts/pie-chart/default/files/src/app/__path__/__filePrefix__.tsx
@@ -19,8 +19,8 @@ const data: any = [
 export default function $(ClassName)() {
   const title = 'Pie Chart';
   const [chartData, setChartData] = useState([]);
-  const legendRef: any = useRef();
-  const chartRef: any = useRef();
+  const legendRef: any = useRef(null);
+  const chartRef: any = useRef(null);
 
   useEffect(() => {
     setChartData(data);