diff --git a/service-web-client/src/pages/Yarn.tsx b/service-web-client/src/pages/Yarn.tsx
index 6ce9c64..1f43ed3 100644
--- a/service-web-client/src/pages/Yarn.tsx
+++ b/service-web-client/src/pages/Yarn.tsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {useParams} from 'react-router'
+import {useLocation, useParams} from 'react-router'
 import {
   amisRender,
   commonInfo,
@@ -11,8 +11,9 @@ import {
 
 const Yarn: React.FC = () => {
   const {clusters, queue, search} = useParams()
+  const location = useLocation()
   return (
-    <div className="hudi-yarn bg-white">
+    <div key={location.key} className="hudi-yarn bg-white">
       {amisRender(
         {
           type: 'wrapper',