Updated code blocks

Author: Dynamsoft-Henry

programming/react-native/api-reference/barcode-reader/aztec-details.md

@@ -19,7 +19,7 @@ The `AztecDetails` class encapsulates all of the extended details of an Aztec Co
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 interface AztecDetails
 ```
 
@@ -35,23 +35,23 @@ interface AztecDetails
 
 Represents the number of rows that make up the Aztec Code. 
 
-```js
+```tsx
 rows: number;
 ```
 
 ### columns
 
 Represents the number of columns that make up the Aztec Code.
 
-```js
+```tsx
 columns: number;
 ```
 
 ### layerNumber
 
 Represents the layer number of an Aztec code. A negative number (-1, -2, -3, -4) specifies a compact Aztec code, while a positive number (1, 2,...32) specifies a normal (full-range) Aztec code.
 
-```js
+```tsx
 layerNumber: number;
 ```
 

programming/react-native/api-reference/barcode-reader/barcode-result-item.md

@@ -16,7 +16,7 @@ The `BarcodeResultItem` class represents a single barcode result decoded by the
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 interface BarcodeResultItem extends CapturedResultItem
 ```
 
@@ -44,110 +44,110 @@ interface BarcodeResultItem extends CapturedResultItem
 
 The format of the barcode. One of the [`EnumBarcodeFormat`]({{ site.dcv_react_native_api }}core/enum/barcode-format.html).
 
-```js
+```tsx
 format: EnumBarcodeFormat | bigint;
 ```
 
 ### formatString
 
 The format of the barcode as a text string instead of a `EnumBarcodeFormat`.
 
-```js
+```tsx
 formatString: string;
 ```
 
 ### text
 
 The decoded text of the barcode.
 
-```js
+```tsx
 text: string;
 ```
 
 ### location
 
 The location of the barcode in the image/frame as a [`Quadrilateral`]({{ site.dcv_react_native_api }}core/quadrilateral.html). The quadrilateral contains the four vertex points of the location, with the first vertex being the left-most vertex, then going in a clockwise direction for the remaining points.
 
-```js
+```tsx
 location: Quadrilateral;
 ```
 
 ### confidence
 
 The confidence of the barcode result is a measure of the result's accuracy. If the confidence is lower than 30, the result will not be output by default as it is considered quite inaccurate.
 
-```js
+```tsx
 confidence: number;
 ```
 
 ### angle
 
 The angle at which the barcode is detected if it's not aligned in the image/frame.
 
-```js
+```tsx
 angle: number;
 ```
 
 ### moduleSize
 
 The size of the smallest module (dot or line) of the barcode.
 
-```js
+```tsx
 moduleSize: number;
 ```
 
 ### isDPM
 
 Indicates whether the barcode is a Dot Peen Marking (DPM), which is a unique type of DataMatrix code.
 
-```js
+```tsx
 isDPM: boolean;
 ```
 
 ### isMirrored
 
 Indicates whether the barcode image is mirrored.
 
-```js
+```tsx
 isMirrored: boolean;
 ```
 
 ### qrCodeDetails
 
 Represents extended info (as [`QRCodeDetails`](qr-code-details.md)) that is specific to QR Codes, if the decoded barcode is a QR Code.
 
-```js
+```tsx
 qrCodeDetails?: QRCodeDetails;
 ```
 
 ### aztecDetails
 
 Represents extended info (as [`AztecDetails`](aztec-details.md)) that is specific to Aztec codes, if the decoded barcode is an Aztec code.
 
-```js
+```tsx
 aztecDetails?: AztecDetails;
 ```
 
 ### dataMatrixDetails
 
 Represents extended info (as [`DataMatrixDetails`](datamatrix-details.md)) that is specific to DataMatrix codes, if the decoded barcode is a DataMatrix code.
 
-```js
+```tsx
 dataMatrixDetails?: DataMatrixDetails;
 ```
 
 ### oneDCodeDetails
 
 Represents extended info (as [`OneDCodeDetails`](oned-details.md)) that is specific to 1D codes, if the decoded barcode is a 1D code.
 
-```js
+```tsx
 oneDCodeDetails?: OneDCodeDetails;
 ```
 
 ### pdf417Details
 
 Represents extended info (as [`PDF417Details`](pdf417-details.md)) that is specific to PDF417 codes, if the decoded barcode is a PDF417 code.
 
-```js
+```tsx
 pdf417Details?: PDF417Details;
 ```

programming/react-native/api-reference/barcode-reader/datamatrix-details.md

@@ -19,7 +19,7 @@ The `DataMatrixDetails` class encapsulates all of the extended details of a Data
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 interface DataMatrixDetails
 ```
 
@@ -37,23 +37,23 @@ interface DataMatrixDetails
 
 Represents the number of rows that make up the DataMatrix Code. 
 
-```js
+```tsx
 rows: number;
 ```
 
 ### columns
 
 Represents the number of columns that make up the DataMatrix Code.
 
-```js
+```tsx
 columns: number;
 ```
 
 ### dataRegionRows
 
 Represents the number of rows in the data region of the DataMatrix code.
 
-```js
+```tsx
 dataRegionRows: number;
 ```
 
@@ -65,7 +65,7 @@ The data region of a DataMatrix code defines the grid of square/rectangular modu
 
 Represents the number of columns in the data region of the DataMatrix code.
 
-```js
+```tsx
 dataRegionColumns: number;
 ```
 
@@ -77,7 +77,7 @@ The data region of a DataMatrix code defines the grid of square/rectangular modu
 
 Represents the number of data regions in the DataMatrix code.
 
-```js
+```tsx
 dataRegionNumber: number;
 ```
 

programming/react-native/api-reference/barcode-reader/decoded-barcodes-result.md

@@ -16,7 +16,7 @@ The `DecodedBarcodesResult` class represents the result of a barcode reading pro
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 interface DecodedBarcodesResult extends CapturedResultBase
 ```
 
@@ -39,6 +39,6 @@ The following properties are inherited from [`CapturedResultBase`]({{ site.dcv_r
 
 An array of [`BarcodeResultItem`](barcode-result-item.md), the basic item representing a single barcode result and its associated info.
 
-```js
+```tsx
 items?: Array<BarcodeResultItem>;
 ```

programming/react-native/api-reference/barcode-reader/enum/barcode-format.md

@@ -16,7 +16,7 @@ breadcrumbText: EnumBarcodeFormat
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 const EnumBarcodeFormat = {
     BF_NULL:BigInt(0x00),
     BF_ALL:BigInt(0xFFFFFFFEFFFFFFFFn),

programming/react-native/api-reference/barcode-reader/enum/deblur-mode.md

@@ -16,7 +16,7 @@ breadcrumbText: EnumDeblurMode
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 enum EnumDeblurMode {
   DM_END = -1,
   DM_SKIP = 0x0,

programming/react-native/api-reference/barcode-reader/enum/localization-mode.md

@@ -19,7 +19,7 @@ breadcrumbText: EnumLocalizationMode
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 enum EnumLocalizationMode {
     LM_END = -1,
     LM_SKIP = 0x0,

programming/react-native/api-reference/barcode-reader/enum/qr-code-correction.md

@@ -16,7 +16,7 @@ breadcrumbText: EnumQRCodeErrorCorrectionLevel
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 enum EnumQRCodeErrorCorrectionLevel {
   QRECL_ERROR_CORRECTION_H = 0,
   QRECL_ERROR_CORRECTION_L = 1,

programming/react-native/api-reference/barcode-reader/oned-details.md

@@ -19,7 +19,7 @@ The `OneDCodeDetails` class encapsulates all of the extended details of a 1D Cod
 
 *Assembly:* dynamsoft-capture-vision-react-native
 
-```js
+```tsx
 interface OneDCodeDetails
 ```
 
@@ -42,7 +42,7 @@ interface OneDCodeDetails
 
 A byte list representing the characters of the start pattern of a 1D barcode.
 
-```js
+```tsx
 startCharsBytes: number[];
 ```
 
@@ -54,7 +54,7 @@ Each 1D barcode type has a unique start and stop pattern. These patterns are use
 
 A byte list representing the characters of the stop pattern of a 1D barcode.
 
-```js
+```tsx
 stopCharsBytes: number[];
 ```
 
@@ -66,7 +66,7 @@ Each 1D barcode type has a unique start and stop pattern. These patterns are use
 
 A byte list representing the check digit of the barcode, if applicable.
 
-```js
+```tsx
 checkDigitBytes: number[];
 ```
 
@@ -78,7 +78,7 @@ The check digit is a single digit that is concatenated at the end of a barcode's
 
 The lower bound of the start pattern range. Represents the position of the start pattern relative to the barcode location.
 
-```js
+```tsx
 startPatternRange_lower: number;
 ```
 
@@ -90,7 +90,7 @@ The lower bound of this range represents the x-coordinate of the start position
 
 The upper bound of the start pattern range. Represents the position of the start pattern relative to the barcode location.
 
-```js
+```tsx
 startPatternRange_upper: number;
 ```
 
@@ -102,7 +102,7 @@ The upper bound of this range represents the x-coordinate of the end position as
 
 The lower bound of the middle pattern range. Represents the position of the middle pattern relative to the barcode location.
 
-```js
+```tsx
 middlePatternRange_lower: number;
 ```
 
@@ -114,7 +114,7 @@ The lower bound of this range represents the x-coordinate of the start position
 
 The upper bound of the middle pattern range. Represents the position of the middle pattern relative to the barcode location.
 
-```js
+```tsx
 middlePatternRange_upper: number;
 ```
 
@@ -126,7 +126,7 @@ The upper bound of this range represents the x-coordinate of the end position as
 
 The lower bound of the end pattern range. Represents the position of the end pattern relative to the barcode location.
 
-```js
+```tsx
 endPatternRange_lower: number;
 ```
 
@@ -138,7 +138,7 @@ The lower bound of this range represents the x-coordinate of the start position
 
 The upper bound of the end pattern range. Represents the position of the end pattern relative to the barcode location.
 
-```js
+```tsx
 endPatternRange_upper: number;
 ```