diff --git a/src/pages/cloud-native-management/meshmap/index.js b/src/pages/cloud-native-management/meshmap/index.js
index 5a186c06f20d..ada0be4137ac 100644
--- a/src/pages/cloud-native-management/meshmap/index.js
+++ b/src/pages/cloud-native-management/meshmap/index.js
@@ -3,10 +3,14 @@ import React from "react";
 import SEO from "../../../components/seo";
 
 import Meshmap from "../../../sections/Meshmap/index";
-const MeshmapPage = ({ location: { search } }) => {
-  const { teaser: parameter1 = "" } = new URLSearchParams(search);
-  const teaser = parameter1 === "play";
-  return <Meshmap teaser={teaser} />;
+const MeshmapPage = ({ location }) => {
+  const params = new URLSearchParams(location.search);
+  const parameter1 = params.get("teaser");
+  return (
+    <>
+      <Meshmap teaser={parameter1 === "play"} />
+    </>
+  );
 };
 export default MeshmapPage;
 export const Head = () => {