diff --git a/_data/product_version.yml b/_data/product_version.yml
index da30844..9e8df98 100644
--- a/_data/product_version.yml
+++ b/_data/product_version.yml
@@ -3,10 +3,12 @@ useGroupedVersion: true
 version_info_list:
   - value: latest version(3.0.0)
   - value: 3.x
+    child:
+      - 3.0.0
   - value: 2.x
     child:
-      - 2.1
-      - 2.0
+      - 2.1.0
+      - 2.0.0
   - value: 1.x
     child:
-      - 1.1
+      - 1.1.0
diff --git a/guides/mrz-scanner.md b/guides/mrz-scanner.md
index 92d0d71..ae5306b 100644
--- a/guides/mrz-scanner.md
+++ b/guides/mrz-scanner.md
@@ -232,6 +232,9 @@ Different types of webservers are configured differently, for example:
 
 Let's now go through the code of the Hello World sample to understand how the code works in detail.
 
+> [!NOTE]
+> If you are using a framework like React/Angular/Vue, please refer to the [framework samples]({{ site.codegallery }}index.html#frameworks) built by the development team.
+
 ### Step 1: Setting up the HTML and Including the MRZ Scanner
 
 ```html