diff --git a/app/components/WeatherDetailsGird.tsx b/app/components/WeatherDetailsGird.tsx
index 6765d7e..30bf498 100644
--- a/app/components/WeatherDetailsGird.tsx
+++ b/app/components/WeatherDetailsGird.tsx
@@ -1,4 +1,5 @@
 import { Cloud, Droplets, Gauge, ThermometerSun, Wind } from "lucide-react";
+import { useWeatherStore } from "@/store/weatherStore";
 
 interface WeatherDetailsGridProps {
   icon: React.ReactNode;
@@ -25,7 +26,7 @@ function WeatherInfoItem({ icon, label, value, subtitle }: WeatherDetailsGridPro
 }
 
 export function WeatherDetailsGrid(){
-    const currentWeather = useWeatherState();
+    const {currentWeather} = useWeatherStore();
     if(!currentWeather) return null;
     return(
         <div>
@@ -42,7 +43,7 @@ export function WeatherDetailsGrid(){
                         <Droplets className="w-4 h-4 text-blue-500"/>
                         <span>降水量:\
                             <span className="font-semibold">
-                                {currentWeather.current.precipitation} mm
+                                {currentWeather.current.precip} mm
                             </span>
                         </span>
                     </div>