From 6b3a26cdf83d01b7cc6d0320dd9f73281a58d53e Mon Sep 17 00:00:00 2001
From: Mariela Tihova <MTihova@infragistics.com>
Date: Fri, 9 May 2025 18:07:57 +0300
Subject: [PATCH] Update sorting topic for React v19

---
 doc/en/components/grids/_shared/sorting.md | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/doc/en/components/grids/_shared/sorting.md b/doc/en/components/grids/_shared/sorting.md
index b882351aa..dd2a1fc3f 100644
--- a/doc/en/components/grids/_shared/sorting.md
+++ b/doc/en/components/grids/_shared/sorting.md
@@ -45,7 +45,7 @@ This is done via the `Sortable` input. With the `{ComponentName}` sorting, you c
 ```
 
 ```tsx
-<IgrColumn field="ProductName" header="Product Name" dataType="string" sortable="true"></IgrColumn>
+<IgrColumn field="ProductName" header="Product Name" dataType="string" sortable={true}></IgrColumn>
 ```
 
 ## Sorting Indicators
@@ -571,7 +571,7 @@ public sortHeaderIconTemplate = (ctx: IgcGridHeaderTemplateContext) => {
 <!-- React -->
 <!-- ComponentStart: Grid, TreeGrid, HierarchicalGrid -->
 ```tsx
-function sortHeaderIconTemplate(ctx: IgrGridHeaderTemplateContext) {
+const sortHeaderIconTemplate = (ctx: IgrGridHeaderTemplateContext) => {
     return (
         <>
             <IgrIcon name='unfold_more'></IgrIcon>
@@ -630,7 +630,7 @@ public sortAscendingHeaderIconTemplate = (ctx: IgcGridHeaderTemplateContext) =>
 <!-- React -->
 <!-- ComponentStart: Grid, TreeGrid, HierarchicalGrid -->
 ```tsx
-function sortAscendingHeaderIconTemplate(ctx: IgrGridHeaderTemplateContext) {
+const sortAscendingHeaderIconTemplate = (ctx: IgrGridHeaderTemplateContext) => {
     return (
         <>
             <IgrIcon name='expand_less'></IgrIcon>
@@ -689,7 +689,7 @@ public sortDescendingHeaderIconTemplate = (ctx: IgcGridHeaderTemplateContext) =>
 <!-- React -->
 <!-- ComponentStart: Grid, TreeGrid, HierarchicalGrid -->
 ```tsx
-function sortDescendingHeaderIconTemplate(ctx: IgrGridHeaderTemplateContext) {
+const sortDescendingHeaderIconTemplate = (ctx: IgrGridHeaderTemplateContext) => {
     return (
         <>
             <IgrIcon name='expand_more'></IgrIcon>