diff --git a/Document-Processing-toc.html b/Document-Processing-toc.html
index 79389eb76..ab30b7827 100644
--- a/Document-Processing-toc.html
+++ b/Document-Processing-toc.html
@@ -5438,7 +5438,6 @@
Web Services
@@ -5503,7 +5502,7 @@
Theming and Styling
- How To
+ How To
- Create a object structure
- Changing the active sheet while importing a file
diff --git a/Document-Processing/Excel/Spreadsheet/React/how-to-overview.md b/Document-Processing/Excel/Spreadsheet/React/how-to-overview.md
new file mode 100644
index 000000000..afa9e1879
--- /dev/null
+++ b/Document-Processing/Excel/Spreadsheet/React/how-to-overview.md
@@ -0,0 +1,29 @@
+---
+layout: post
+title: Overview Section for How‑to Guides in React Spreadsheet | Syncfusion
+description: In this section, you can find answers to frequently asked questions and solutions for common scenarios in the Spreadsheet control.
+platform: document-processing
+control: Spreadsheet
+documentation: ug
+---
+
+# React Spreadsheet – How-to Guides Overview
+
+Explore practical solutions and tips for working with the Syncfusion React Spreadsheet component. The guides below cover a variety of common scenarios, helping you implement, customize, and get the most out of your spreadsheet features.
+
+## How-to Articles
+
+- [How to add custom icons to cells?](./add-cell-icon)
+- [How to create dynamic cell templates with dropdowns?](./add-dynamic-cell-template)
+- [How to change the active sheet while importing a file?](./change-active-sheet)
+- [How to create a JSON object structure for the Spreadsheet?](./create-a-object-structure)
+- [How to customize the Spreadsheet to look like a grid?](./customize-spreadsheet-like-grid)
+- [How to find and replace in a selected range?](./find-replace-in-range)
+- [How to get filtered row data?](./get-filtered-data)
+- [How to identify which context menu was opened?](./identify-the-context-menu-opened)
+- [How to paste only values without formatting?](./paste-only-values-without-formatting)
+- [How to prevent actions without read-only or sheet protection?](./prevent-actions)
+
+## See Also
+
+- [Getting Started with React Spreadsheet](../getting-started)
diff --git a/Document-Processing/Excel/Spreadsheet/React/how-to/prevent-actions.md b/Document-Processing/Excel/Spreadsheet/React/how-to/prevent-actions.md
index ceb5913bf..9ddebcc5e 100644
--- a/Document-Processing/Excel/Spreadsheet/React/how-to/prevent-actions.md
+++ b/Document-Processing/Excel/Spreadsheet/React/how-to/prevent-actions.md
@@ -46,7 +46,7 @@ To prevent specific action after preventing the cell editing, you need to use th
This approach ensures that spreadsheet actions such as cut, paste, autofill, formatting, validation, and conditional formatting are prevented for specific cells without protecting the sheet or making the cells read-only.
- > **Note:** In this example, we use column indexes to restrict actions. You can also use row indexes or cell addresses for the same purpose.
+> **Note:** In this example, column indexes are used to restrict actions. You can also apply the same restrictions using row indexes or specific cell addresses. This is a purely component-level customization and, unlike sheet protection, it will not be preserved in the exported file.
The following example demonstrates how to prevent actions such as cut, paste, autofill, formatting, validation, and conditional formatting for specific cells(in the first and third columns) in the spreadsheet without protecting the sheet or making the cells read-only. You can also restrict additional actions by following the same approach.