Weather.jsx

import React from "react";
import {
 useGetCurrentWeatherQuery,
 useGetWeatherForecastRangeQuery,
 useSendWeatherDatautation,
} from "../services/weatherAPI";
 
const Weather = () => {
 const [date, setDate] = useState({ fromDate: "", toDate: "" });
 const { data: currentWeather, isFetching } = useGetCurrentWeatherQuery();
 const { data: WeatherForecastRange } = useGetWeatherForecastRangeQuery({
   fromDate: date.fromDate,
   toDate: date.toDate,
 });
 
 return (
   <>
     <section>
       {isFetching && <div>Loading...</div>}
       {!isFetching && currentWeather && (
         <div> Current weather Data : {currentWeather}</div>
       )}
     </section>
     <section>
       {WeatherForecastRange && (
         <div>
           Current weather Data range from {date.fromDate} to {date.toDate} :
           {WeatherForecastRange}
         </div>
       )}
     </section>
   </>
 );
};
 
export default Weather;