diff --git a/examples/learn-example/components/Catalog.tsx b/examples/learn-example/components/Catalog.tsx
index e40fdb68..77305ac8 100644
--- a/examples/learn-example/components/Catalog.tsx
+++ b/examples/learn-example/components/Catalog.tsx
@@ -30,7 +30,7 @@ export default function Catalog({ datasets }: { datasets: any[] }) {
               : true
           )
           .map((dataset) => (
-            <li key={dataset.id}>
+            <li key={dataset._id}>
               <a href={dataset.url_path}>{dataset.metadata.title ? dataset.metadata.title : dataset.url_path}</a>
             </li>
           ))}
diff --git a/examples/learn-example/package-lock.json b/examples/learn-example/package-lock.json
index 8b18d821..37ca5373 100644
--- a/examples/learn-example/package-lock.json
+++ b/examples/learn-example/package-lock.json
@@ -16,13 +16,12 @@
         "@heroicons/react": "^2.0.17",
         "@opentelemetry/api": "^1.4.0",
         "@tanstack/react-table": "^8.8.5",
-        "@types/flexsearch": "^0.7.3",
         "@types/node": "18.16.0",
         "@types/react": "18.2.0",
         "@types/react-dom": "18.2.0",
         "eslint": "8.39.0",
         "eslint-config-next": "13.3.1",
-        "flexsearch": "^0.7.31",
+        "flexsearch": "0.7.21",
         "gray-matter": "^4.0.3",
         "hastscript": "^7.2.0",
         "mdx-mermaid": "2.0.0-rc7",
@@ -44,6 +43,7 @@
       },
       "devDependencies": {
         "@tailwindcss/typography": "^0.5.9",
+        "@types/flexsearch": "^0.7.3",
         "autoprefixer": "^10.4.14",
         "postcss": "^8.4.23",
         "tailwindcss": "^3.3.1"
@@ -2218,7 +2218,8 @@
     "node_modules/@types/flexsearch": {
       "version": "0.7.3",
       "resolved": "https://registry.npmjs.org/@types/flexsearch/-/flexsearch-0.7.3.tgz",
-      "integrity": "sha512-HXwADeHEP4exXkCIwy2n1+i0f1ilP1ETQOH5KDOugjkTFZPntWo0Gr8stZOaebkxsdx+k0X/K6obU/+it07ocg=="
+      "integrity": "sha512-HXwADeHEP4exXkCIwy2n1+i0f1ilP1ETQOH5KDOugjkTFZPntWo0Gr8stZOaebkxsdx+k0X/K6obU/+it07ocg==",
+      "dev": true
     },
     "node_modules/@types/geojson": {
       "version": "7946.0.10",
@@ -4959,9 +4960,9 @@
       "integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ=="
     },
     "node_modules/flexsearch": {
-      "version": "0.7.31",
-      "resolved": "https://registry.npmjs.org/flexsearch/-/flexsearch-0.7.31.tgz",
-      "integrity": "sha512-XGozTsMPYkm+6b5QL3Z9wQcJjNYxp0CYn3U1gO7dwD6PAqU1SVWZxI9CCg3z+ml3YfqdPnrBehaBrnH2AGKbNA=="
+      "version": "0.7.21",
+      "resolved": "https://registry.npmjs.org/flexsearch/-/flexsearch-0.7.21.tgz",
+      "integrity": "sha512-W7cHV7Hrwjid6lWmy0IhsWDFQboWSng25U3VVywpHOTJnnAZNPScog67G+cVpeX9f7yDD21ih0WDrMMT+JoaYg=="
     },
     "node_modules/for-each": {
       "version": "0.3.3",
diff --git a/examples/learn-example/package.json b/examples/learn-example/package.json
index 61fd71db..e0e67a38 100644
--- a/examples/learn-example/package.json
+++ b/examples/learn-example/package.json
@@ -20,13 +20,12 @@
     "@heroicons/react": "^2.0.17",
     "@opentelemetry/api": "^1.4.0",
     "@tanstack/react-table": "^8.8.5",
-    "@types/flexsearch": "^0.7.3",
     "@types/node": "18.16.0",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.0",
     "eslint": "8.39.0",
     "eslint-config-next": "13.3.1",
-    "flexsearch": "^0.7.31",
+    "flexsearch": "0.7.21",
     "gray-matter": "^4.0.3",
     "hastscript": "^7.2.0",
     "mdx-mermaid": "2.0.0-rc7",
@@ -50,6 +49,7 @@
     "@tailwindcss/typography": "^0.5.9",
     "autoprefixer": "^10.4.14",
     "postcss": "^8.4.23",
-    "tailwindcss": "^3.3.1"
+    "tailwindcss": "^3.3.1",
+    "@types/flexsearch": "^0.7.3"
   }
 }