Merge pull request #2307 from syncfusion-content/EJ2-1010807-staging-errors

1010807: Resolved staging errors

Author: AnanthaGokulaRaman

Document-Processing/PDF/PDF-Viewer/react/context-menu/custom-context-menu.md

@@ -21,7 +21,7 @@ You can add custom options to the context menu using the [addCustomMenu()](https
 1. Define the menu items as an array of objects.
 2. Call the [`addCustomMenu`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#addcustommenu) method within the [`documentLoad`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#documentload) event handler.
 
-```jsx
+```js
    export function App() {
 
     let menuItems = [
@@ -83,7 +83,7 @@ root.render(<App />);
 
 The [customContextMenuSelect()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#customcontextMenuselect) method defines actions for custom menu items.
 
-```jsx
+```js
 function customContextMenuSelect(args) {
     var viewer = document.getElementById('container').ej2_instances[0];
     switch (args.id) {
@@ -167,7 +167,7 @@ function setReadOnlyFalse(args) {
 
 The [customContextMenuBeforeOpen()](https://ej2.syncfusion.com/react/documentation/api/pdfviewer#customcontextMenubeforeopen) event allows for dynamic showing or hiding of items based on selection or document state.
 
-```jsx
+```js
 function customContextMenuBeforeOpen(args) {
     for (var i = 0; i < args.ids.length; i++) {
         var search = document.getElementById(args.ids[i]);

Document-Processing/PDF/PDF-Viewer/react/how-to/existing-react-layout.md

@@ -21,7 +21,7 @@ The React PDF Viewer can be embedded into dashboards, admin panels, split‑scre
 
 	Basic div:
 
-	```tsx
+	```ts
 	// App.tsx
 	import React from 'react';
 	import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -45,7 +45,7 @@ The React PDF Viewer can be embedded into dashboards, admin panels, split‑scre
 
 	Flex container: keep `minHeight: 0` on flex children so the viewer can shrink/grow correctly:
 
-	```tsx
+	```ts
 	// App.tsx
 	import React from 'react';
 	import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -74,7 +74,7 @@ The React PDF Viewer can be embedded into dashboards, admin panels, split‑scre
 
 	CSS Grid - reserve rows/columns using `grid-template-rows` or `grid-template-columns`:
 
-	```tsx
+	```ts
 	// App.tsx
 	import React from 'react';
     import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, TextSearch, Annotation, FormDesigner, FormFields, Inject } from '@syncfusion/ej2-react-pdfviewer';
@@ -157,7 +157,7 @@ The React PDF Viewer can be embedded into dashboards, admin panels, split‑scre
 - **Use viewer inside Tab components**
 	- The react PDF Viewer are also supported inside Syncfusion tab components. 
 
-	```tsx
+	```ts
 	// App.tsx
 	import React, { useRef } from 'react';
     import { TabComponent, TabItemsDirective, TabItemDirective } from '@syncfusion/ej2-react-navigations';
@@ -230,7 +230,7 @@ The React PDF Viewer can be embedded into dashboards, admin panels, split‑scre
 - **Use viewer inside Dialog**
 	- If the viewer sits inside a dialog, for example Syncfusion Dialog, render or initialize the viewer after the dialog open events. The DOM must be visible for the viewer to measure layout.
 
-	```tsx
+	```ts
 	// App.tsx
 	import React, { useRef, useCallback } from 'react';
     import { DialogComponent } from '@syncfusion/ej2-react-popups';
@@ -301,7 +301,7 @@ The React PDF Viewer can be embedded into dashboards, admin panels, split‑scre
 - **Use viewer inside Collapsible sections**
 	- For accordions or collapsible containers, either render the viewer lazily when the section expands or dispatch the resize event after expansion so the viewer can recompute layout.
 
-	```tsx
+	```ts
 	// App.tsx
 	import React, { useCallback, useRef } from 'react';
     import {

Document-Processing/PDF/PDF-Viewer/react/theming-and-styling.md

@@ -78,7 +78,7 @@ Below is an approach that can be copied into the app that switches themes by dyn
 
 **Link-swap approach:**
 
-```tsx
+```ts
 // App.tsx
 type ThemeName = 'material3' | 'material3-dark';
 const THEME_LINK_ID = 'e-current-theme';
@@ -178,7 +178,7 @@ Apply overrides using a wrapper class so the rules are scoped and safe to mainta
 }
 ```
 
-```tsx
+```ts
 // src/App.tsx
 import './App.css';
 import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView, Print, TextSelection, Annotation, TextSearch, FormFields, FormDesigner, PageOrganizer, Inject } from '@syncfusion/ej2-react-pdfviewer';