bug/fixes

Author: manju1807

src/app/layout.tsx

@@ -4,6 +4,7 @@ import { ThemeProvider } from '@/components/theme-provider';
 import { TooltipProvider } from '@/components/ui/tooltip';
 import { metadata, viewport, geistSans, geistMono } from '@/config/siteconfig';
 import Script from 'next/script';
+import React from "react";
 
 export { metadata, viewport };
 

src/app/not-found.tsx

@@ -15,7 +15,10 @@ const WEATHER_BACKGROUNDS = [
 ] as const;
 
 const WeatherBackground = memo(() => (
-  <div className="fixed inset-0 -z-10 pointer-events-none opacity-[0.07] dark:opacity-10" aria-hidden="true">
+  <div
+    className="fixed inset-0 -z-10 pointer-events-none opacity-[0.07] dark:opacity-10"
+    aria-hidden="true"
+  >
     {WEATHER_BACKGROUNDS.map(({ emoji, label, position }, index) => (
       <div
         key={label}
@@ -27,7 +30,10 @@ const WeatherBackground = memo(() => (
         role="presentation"
         aria-hidden="true"
       >
-        <span className="text-5xl transform hover:scale-110 transition-transform duration-300" aria-label={label}>
+        <span
+          className="text-5xl transform hover:scale-110 transition-transform duration-300"
+          aria-label={label}
+        >
           {emoji}
         </span>
       </div>
@@ -84,9 +90,7 @@ export default function NotFound() {
               >
                 404
               </h1>
-              <h2 className="text-2xl font-semibold text-foreground">
-                Page Not Found
-              </h2>
+              <h2 className="text-2xl font-semibold text-foreground">Page Not Found</h2>
             </div>
 
             {/* Description */}
@@ -136,4 +140,4 @@ export default function NotFound() {
       </div>
     </main>
   );
-}
+}

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 import { useGeolocation } from '@/hooks/useGeolocation';
 import { useEffect, useState, useCallback, Suspense, lazy } from 'react';
-import { DEFAULT_COORDINATES } from '@/types/weather';
+import { DEFAULT_COORDINATES } from '@/constants';
 import NavBar from '@/components/views/navbar';
 import WeatherDashboardSkeleton from '@/components/views/dashboard-skeleton';
 import Footer from '@/components/views/footer';
@@ -45,7 +45,7 @@ export default function WeatherApp() {
   const { weatherData, error, isLoading, setError } = useWeatherData(
     debouncedCoordinates,
     locationLoading,
-    hasInitialLoad,
+    hasInitialLoad
   );
 
   // Location handlers

src/constants/index.ts

@@ -0,0 +1,6 @@
+import {Coordinates} from "@/types/weather";
+
+export const DEFAULT_COORDINATES: Coordinates = {
+    lat: 40.712776,
+    lon: -74.005974,
+};

src/hooks/useGeolocation.ts

@@ -1,5 +1,6 @@
+'use client';
 import { useState, useEffect, useRef, useCallback } from 'react';
-import { DEFAULT_COORDINATES } from '@/types/weather';
+import { DEFAULT_COORDINATES } from '@/constants';
 
 interface GeolocationState {
   latitude: number;

src/hooks/useWeatherData.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { useEffect, useState } from 'react';
 import { WeatherData } from '@/types/weather';
 import { fetchWeatherData } from '@/actions/weatherActions';

src/types/weather.ts

@@ -5,11 +5,6 @@ export interface Coordinates {
   lon: number;
 }
 
-export const DEFAULT_COORDINATES: Coordinates = {
-  lat: 40.712776,
-  lon: -74.005974,
-};
-
 export interface WeatherCondition {
   id: number;
   main: string;