moved context to separate file and imported

app/page.tsx

@@ -4,12 +4,7 @@ import WeatherNow from '../components/WeatherNow'
 import { createContext, useState } from 'react';
 import { defaultGeoLocation } from './defaultState';
 import { LocationContextType, coordType } from '@/types/types';
-
+import { LocationContext } from '@/context/LocationContext';
-
-export const LocationContext = createContext<LocationContextType>({
-  geoLocation: defaultGeoLocation,
-  setGeoLocation: () => {} // Default function, does nothing
-});
 
 export default function Home() {
   const [geoLocation, setGeoLocation] = useState<coordType>(defaultGeoLocation);

components/LocationSearch.tsx

@@ -1,7 +1,7 @@
 "use client";
 import React, { useContext, useState } from "react";
 import { getLocation } from "@/app/actions";
-import { LocationContext } from "@/app/page";
+import { LocationContext } from "@/context/LocationContext";
 
 export default function LocationSearch() {
   const [searchLocation, setSearchLocation] = useState("");

components/WeatherNow.tsx

@@ -5,7 +5,7 @@ import Temperature from "./Temperature";
 import { HourlyCardPropType, HourlyForecast, WeatherContextType } from "@/types/types";
 import { createContext, useContext, useEffect, useState } from "react";
 import { defaultHourlyForecast } from "@/app/defaultState";
-import { LocationContext } from "@/app/page";
+import { LocationContext } from "@/context/LocationContext";
 import WeatherHero from "./WeatherHero";
 import HourlyCard from "./HourlyCard/HourlyCard";
 

context/LocationContext.tsx

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+import { LocationContextType, coordType } from '@/types/types';
+import { defaultGeoLocation } from '../app/defaultState';
+
+export const LocationContext = createContext<LocationContextType>({
+  geoLocation: defaultGeoLocation,
+  setGeoLocation: () => {} // Default function, does nothing
+});