diff --git a/packages/client/lib/components/BottomNav/BottomNav.jsx b/packages/client/lib/components/BottomNav/BottomNav.jsx
index 20b8e14..6eff19f 100644
--- a/packages/client/lib/components/BottomNav/BottomNav.jsx
+++ b/packages/client/lib/components/BottomNav/BottomNav.jsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import useFormStore from '../../../store/formStore.js';
+import { useFormStoreActions } from '../../../store/formStore.js';
 import { SVGIcon } from '../common/icons/SVGIcon.jsx';
 import BottomNavItem from './BottomNavItem.jsx';
 
@@ -27,7 +27,7 @@ const RIGHT_NAV_ITEMS = BOTTOM_NAV_ITEMS.slice(2, 4);
 
 const BottomNav = () => {
   const [active, setActive] = useState(0);
-  const setShowForm = useFormStore((state) => state.setShowForm);
+  const { setShowForm } = useFormStoreActions();
 
   const handleActive = (name) => {
     setActive(name);
diff --git a/packages/client/lib/components/LocationSearch.jsx b/packages/client/lib/components/LocationSearch.jsx
index b96ee01..90dc64d 100644
--- a/packages/client/lib/components/LocationSearch.jsx
+++ b/packages/client/lib/components/LocationSearch.jsx
@@ -1,5 +1,4 @@
 import { useRef, useState } from 'react';
-import { useMainStoreActions } from '../../store/store';
 import useOnClickOutside from '../hooks/useOnClickOutside';
 import { SVGIcon } from './common/icons/SVGIcon';
 
@@ -22,12 +21,15 @@ const getSearchLocationData = async (searchText) => {
   }
 };
 
-const LocationSearch = () => {
+/**
+ * @property {({ lat, lng }) => void} setLocationData
+ * @returns {JSX.Element}
+ */
+const LocationSearch = ({ setLocationData }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [value, setValue] = useState('');
   const [results, setResults] = useState([]);
   const searchRef = useRef(null);
-  const { setGeoData } = useMainStoreActions();
 
   let debounceTimerRef = useRef(null);
 
@@ -52,7 +54,7 @@ const LocationSearch = () => {
     console.log('Clicked on item:', name, lat, lng);
     setValue(name);
     setIsOpen(false);
-    setGeoData({ lat, lng });
+    setLocationData({ lat, lng });
   };
 
   const hideSearch = () => {
diff --git a/packages/client/lib/components/Map.jsx b/packages/client/lib/components/Map.jsx
index f40be76..935f68b 100644
--- a/packages/client/lib/components/Map.jsx
+++ b/packages/client/lib/components/Map.jsx
@@ -8,7 +8,7 @@ import {
   ZoomControl,
   useMap,
 } from 'react-leaflet';
-import useFormStore from '../../store/formStore';
+import { useFormStoreActions } from '../../store/formStore';
 import useMainStore from '../../store/store';
 
 /**
@@ -19,7 +19,7 @@ import useMainStore from '../../store/store';
  */
 const SetViewOnUserLocation = () => {
   const geoData = useMainStore((state) => state.geoData);
-  const setLocation = useFormStore((state) => state.setLocation);
+  const { setLocation } = useFormStoreActions();
   const isMounted = useRef(false);
   const map = useMap();
 
diff --git a/packages/client/lib/components/ReportForm/FormViews/CategoryView.jsx b/packages/client/lib/components/ReportForm/FormViews/CategoryView.jsx
index d0721dc..b94e29c 100644
--- a/packages/client/lib/components/ReportForm/FormViews/CategoryView.jsx
+++ b/packages/client/lib/components/ReportForm/FormViews/CategoryView.jsx
@@ -1,4 +1,4 @@
-import useFormStore from '../../../../store/formStore';
+import { useFormStore, useFormStoreActions } from '../../../../store/formStore';
 
 const categoryOptions = [
   'Lost/Missing Pet',
@@ -12,8 +12,8 @@ const categoryOptions = [
 
 const CategoryView = () => {
   const category = useFormStore((state) => state.category);
-  const setCategory = useFormStore((state) => state.setCategory);
   const formErrorState = useFormStore((state) => state.error);
+  const { setCategory } = useFormStoreActions();
 
   const handleChange = ({ target }) => {
     setCategory(target.value);
diff --git a/packages/client/lib/components/ReportForm/FormViews/LocationView.jsx b/packages/client/lib/components/ReportForm/FormViews/LocationView.jsx
index 300d669..1cbeba0 100644
--- a/packages/client/lib/components/ReportForm/FormViews/LocationView.jsx
+++ b/packages/client/lib/components/ReportForm/FormViews/LocationView.jsx
@@ -1,10 +1,19 @@
-import useFormStore from '../../../../store/formStore';
+import { latLngToString } from '@/lib/helpers/helpers';
+import useMainStore from '@/store/store';
+import { useFormStore, useFormStoreActions } from '../../../../store/formStore';
 import { SVGIcon } from '../../common/icons/SVGIcon';
 
 const LocationView = () => {
+  const { setStep } = useFormStoreActions();
+  const geoData = useMainStore((state) => state.geoData);
   const location = useFormStore((state) => state.location);
-  const setLocation = useFormStore((state) => state.setLocation);
-  const setStep = useFormStore((state) => state.setStep);
+
+  const handleClick = () => {
+    setStep(5); // this is the step where the map is shown
+  };
+
+  // use the location from the form if it exists, otherwise use the geolocation data
+  const locationCoordinates = latLngToString(location ?? geoData);
 
   return (
     <div className="flex-1">
@@ -14,22 +23,19 @@ const LocationView = () => {
           e.g. {'"'}Example Road, City{'"'} or {'"'}-8.54, 115.24{'"'}
         </label>
         <input
-          type="text"
-          id="location"
+          className="text-foreground border-border bg-background focus:ring-primary focus:border-primary block w-full rounded-lg border p-2 shadow-md"
           disabled
-          onChange={(e) => setLocation(e.target.value)}
+          id="location"
           name="location"
-          value={`${location.lat}, ${location.lng}`}
           placeholder="Provide a location or coordinates"
-          className="text-foreground border-border bg-background focus:ring-primary focus:border-primary block w-full rounded-lg border p-2 shadow-md"
+          type="text"
+          value={locationCoordinates}
         />
         <div className="mt-20 flex justify-center">
           <button
-            onClick={(e) => {
-              e.preventDefault();
-              setStep(5);
-            }}
             className="bg-primary text-background flex items-center rounded-xl px-3.5 py-2.5 font-bold"
+            onClick={handleClick}
+            type="button"
           >
             <SVGIcon
               name="mapPinIcon"
diff --git a/packages/client/lib/components/ReportForm/FormViews/PhotoView.jsx b/packages/client/lib/components/ReportForm/FormViews/PhotoView.jsx
index e8b26ee..353302b 100644
--- a/packages/client/lib/components/ReportForm/FormViews/PhotoView.jsx
+++ b/packages/client/lib/components/ReportForm/FormViews/PhotoView.jsx
@@ -1,22 +1,22 @@
+//@ts-check
 import Image from 'next/image';
 import { useRef } from 'react';
-import useFormStore from '../../../../store/formStore';
+import { useFormStore, useFormStoreActions } from '../../../../store/formStore';
 import { SVGIcon } from '../../common/icons/SVGIcon';
 
 const PhotoView = () => {
   const photos = useFormStore((state) => state.photos);
-  const setPhotos = useFormStore((state) => state.setPhotos);
+  const { setPhotos } = useFormStoreActions();
   const inputRef = useRef(null);
 
   const handleChange = (e) => {
     const { files } = e.target;
-    // TODO: Add logic here to check for files type and size
-    if (photos.length > 0) {
-      if (files.length) {
+
+    if (files.length) {
+      // TODO: Add logic here to check for files type and size
+      if (photos.length > 0) {
         setPhotos([...photos, ...Array.from(files)]);
-      }
-    } else {
-      if (files.length) {
+      } else {
         setPhotos(Array.from(files));
       }
     }
@@ -54,10 +54,9 @@ const PhotoView = () => {
             </p>
           </div>
           <button
-            onClick={(e) => {
-              e.preventDefault();
-            }}
+            // onClick={}
             className="bg-primary hover:text-background/70 text-background flex items-center rounded-xl px-3.5 py-2.5 font-bold"
+            type="button"
           >
             <SVGIcon
               className="text-background pr-1"
diff --git a/packages/client/lib/components/ReportForm/FormViews/SummaryView.jsx b/packages/client/lib/components/ReportForm/FormViews/SummaryView.jsx
index 6a09225..d6a3d32 100644
--- a/packages/client/lib/components/ReportForm/FormViews/SummaryView.jsx
+++ b/packages/client/lib/components/ReportForm/FormViews/SummaryView.jsx
@@ -1,5 +1,6 @@
+import { latLngToString } from '@/lib/helpers/helpers';
 import Image from 'next/image';
-import useFormStore from '../../../../store/formStore';
+import { useFormStore } from '../../../../store/formStore';
 
 const SummaryView = () => {
   const category = useFormStore((state) => state.category);
@@ -8,6 +9,8 @@ const SummaryView = () => {
   const description = useFormStore((state) => state.description);
   const location = useFormStore((state) => state.location);
 
+  const latLngString = latLngToString(location);
+
   return (
     <div className="flex-1">
       <h2 className="mt-4 text-xl">Summary of report</h2>
@@ -62,7 +65,7 @@ const SummaryView = () => {
       <h2 className="mt-4 text-xl">Location</h2>
       <input
         type="text"
-        value={`${location.lat}, ${location.lng}`}
+        value={latLngString}
         placeholder="Provide a location or coordinates"
         disabled
         className="text-foreground border-border bg-background focus:ring-primary focus:border-primary block w-full rounded-lg border p-2 shadow-md"
diff --git a/packages/client/lib/components/ReportForm/FormViews/TitleView.jsx b/packages/client/lib/components/ReportForm/FormViews/TitleView.jsx
index 49670c4..202c6d0 100644
--- a/packages/client/lib/components/ReportForm/FormViews/TitleView.jsx
+++ b/packages/client/lib/components/ReportForm/FormViews/TitleView.jsx
@@ -1,11 +1,11 @@
-import useFormStore from '../../../../store/formStore';
+import { useFormStore, useFormStoreActions } from '../../../../store/formStore';
 
 const TitleView = () => {
-  const title = useFormStore((state) => state.title);
-  const setTitle = useFormStore((state) => state.setTitle);
   const description = useFormStore((state) => state.description);
-  const setDescription = useFormStore((state) => state.setDescription);
   const formErrorState = useFormStore((state) => state.error);
+  const title = useFormStore((state) => state.title);
+
+  const { setDescription, setTitle } = useFormStoreActions();
 
   const isTitleValid = () => {
     if (!title && formErrorState) {
diff --git a/packages/client/lib/components/ReportForm/FormViews/UpdateView.jsx b/packages/client/lib/components/ReportForm/FormViews/UpdateView.jsx
index 5d626fe..f081a8e 100644
--- a/packages/client/lib/components/ReportForm/FormViews/UpdateView.jsx
+++ b/packages/client/lib/components/ReportForm/FormViews/UpdateView.jsx
@@ -1,6 +1,8 @@
+import useMainStore from '@/store/store';
 import { useEffect, useRef } from 'react';
 import { MapContainer, Marker, TileLayer, useMap } from 'react-leaflet';
-import useFormStore from '../../../../store/formStore';
+import { useFormStore, useFormStoreActions } from '../../../../store/formStore';
+import LocationSearch from '../../LocationSearch';
 import { SVGIcon } from '../../common/icons/SVGIcon';
 
 const SetMarkerLocation = ({ markerRef, setLocation }) => {
@@ -11,7 +13,8 @@ const SetMarkerLocation = ({ markerRef, setLocation }) => {
 
     if (current) {
       current.on('dragend', (e) => {
-        setLocation(e.target.getLatLng());
+        const { lat, lng } = e.target.getLatLng();
+        setLocation({ lat, lng });
       });
     }
 
@@ -25,40 +28,47 @@ const SetMarkerLocation = ({ markerRef, setLocation }) => {
   return null;
 };
 
+const UpdateMapLocation = ({ location }) => {
+  const map = useMap();
+  map.setView(location, map.getZoom());
+  return null;
+};
+
 const UpdateView = () => {
+  const { setStep, setLocation } = useFormStoreActions();
+  const geoData = useMainStore((state) => state.geoData);
   const location = useFormStore((state) => state.location);
-  const setLocation = useFormStore((state) => state.setLocation);
-  const setStep = useFormStore((state) => state.setStep);
+
+  // use the location from the form if it exists, otherwise use the geolocation data
+  const coordinatesLatLng = location ?? geoData;
+
   const markerRef = useRef(null);
 
+  const handleConfirm = () => {
+    setStep(3);
+  };
+
   return (
     <div className="flex justify-center">
       <div className="absolute top-10 z-[9999] w-11/12">
-        <input
-          type="text"
-          id="title"
-          name="title"
-          placeholder="Search"
-          className="text-foreground border-border bg-background focus:ring-primary focus:border-primary w-full rounded-lg border p-2 shadow-md"
-        />
+        <LocationSearch setLocationData={setLocation} />
       </div>
       <MapContainer
-        center={location}
+        center={coordinatesLatLng}
         zoom={13}
         scrollWheelZoom={false}
         className="min-h-screen w-full"
       >
         <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
         <SetMarkerLocation markerRef={markerRef} setLocation={setLocation} />;
-        <Marker position={location} ref={markerRef} draggable />
+        <Marker draggable position={coordinatesLatLng} ref={markerRef} />
+        <UpdateMapLocation location={coordinatesLatLng} />
       </MapContainer>
       <div className="absolute bottom-10 z-[9999]">
         <button
-          onClick={(e) => {
-            e.preventDefault();
-            setStep(3);
-          }}
           className="bg-positive hover:bg-positive text-background flex items-center rounded-xl px-3.5 py-2.5 font-bold"
+          onClick={handleConfirm}
+          type="button"
         >
           Confirm
           <SVGIcon name="checkIcon" className="text-background pr-1" />
diff --git a/packages/client/lib/components/ReportForm/NavigationButtons/ExitForm.jsx b/packages/client/lib/components/ReportForm/NavigationButtons/ExitForm.jsx
index bbbcfa4..9030038 100644
--- a/packages/client/lib/components/ReportForm/NavigationButtons/ExitForm.jsx
+++ b/packages/client/lib/components/ReportForm/NavigationButtons/ExitForm.jsx
@@ -1,19 +1,20 @@
-import useFormStore from '../../../../store/formStore';
+import { useFormStoreActions } from '../../../../store/formStore';
 import { SVGIcon } from '../../common/icons/SVGIcon';
 
 //TODO: is this component needed?
 const ExitForm = () => {
-  const setShowForm = useFormStore((state) => state.setShowForm);
+  const { setShowForm } = useFormStoreActions();
+
+  const handleCancel = () => {
+    setShowForm(false);
+  };
 
   return (
     <button
-      onClick={(e) => {
-        e.preventDefault();
-        setShowForm(false);
-      }}
       className="absolute right-2 top-2 z-[9999] flex"
+      onClick={handleCancel}
+      type="button"
     >
-      {/* <XMarkIcon className="h-8 w-8 stroke-2 text-foreground" /> */}
       <SVGIcon name="xMarkIcon" className="text-foreground" />
     </button>
   );
diff --git a/packages/client/lib/components/ReportForm/NavigationButtons/FormButtons.jsx b/packages/client/lib/components/ReportForm/NavigationButtons/FormButtons.jsx
index 1e82d26..5ae463e 100644
--- a/packages/client/lib/components/ReportForm/NavigationButtons/FormButtons.jsx
+++ b/packages/client/lib/components/ReportForm/NavigationButtons/FormButtons.jsx
@@ -1,15 +1,11 @@
-import useFormStore from '../../../../store/formStore';
+import { useFormStore, useFormStoreActions } from '../../../../store/formStore';
 import { Button } from '../../common/Button';
 import { SVGIcon } from '../../common/icons/SVGIcon';
 import SubmitReportForm from './SubmitReportForm.jsx';
 
 const FormButtons = () => {
   const step = useFormStore((state) => state.step);
-  const setStep = useFormStore((state) => state.setStep);
-  const setError = useFormStore((state) => state.setError);
-
-  const resetForm = useFormStore((state) => state.resetForm);
-  const setShowForm = useFormStore((state) => state.setShowForm);
+  const { resetForm, setError, setShowForm, setStep } = useFormStoreActions();
 
   const handleCancel = () => {
     resetForm();
diff --git a/packages/client/lib/components/ReportForm/NavigationButtons/SubmitReportForm.jsx b/packages/client/lib/components/ReportForm/NavigationButtons/SubmitReportForm.jsx
index 02446a8..8f5f927 100644
--- a/packages/client/lib/components/ReportForm/NavigationButtons/SubmitReportForm.jsx
+++ b/packages/client/lib/components/ReportForm/NavigationButtons/SubmitReportForm.jsx
@@ -1,12 +1,10 @@
-import useFormStore from '../../../../store/formStore';
+import { useFormStoreActions } from '../../../../store/formStore';
 import { useMainStoreActions } from '../../../../store/store';
 import { Button } from '../../common/Button';
 
 const SubmitReportForm = () => {
   const { setMarkers } = useMainStoreActions();
-  const getFormData = useFormStore((state) => state.getFormData);
-  const resetForm = useFormStore((state) => state.resetForm);
-  const setShowForm = useFormStore((state) => state.setShowForm);
+  const { getFormData, resetForm, setShowForm } = useFormStoreActions();
 
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -18,9 +16,9 @@ const SubmitReportForm = () => {
 
   return (
     <Button
+      buttonType="positive"
       handleClick={handleSubmit}
       iconName="checkIcon"
-      buttonType="positive"
       type="submit"
     >
       Submit
diff --git a/packages/client/lib/components/ReportForm/ReportForm.jsx b/packages/client/lib/components/ReportForm/ReportForm.jsx
index 35ca781..68a3301 100644
--- a/packages/client/lib/components/ReportForm/ReportForm.jsx
+++ b/packages/client/lib/components/ReportForm/ReportForm.jsx
@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic';
-import useFormStore from '../../../store/formStore';
+import { useFormStore } from '../../../store/formStore';
 import CategoryView from './FormViews/CategoryView';
 import LocationView from './FormViews/LocationView';
 import PhotoView from './FormViews/PhotoView';
diff --git a/packages/client/lib/helpers/helpers.js b/packages/client/lib/helpers/helpers.js
new file mode 100644
index 0000000..10f3c3b
--- /dev/null
+++ b/packages/client/lib/helpers/helpers.js
@@ -0,0 +1,22 @@
+/**
+ * @param {{lat: number, lng: number}} args
+ * @returns {{lat: number, lng: number}} normalized lat lng
+ */
+export const normalizeLatLng = ({ lat, lng }) => {
+  if (typeof lat !== 'number' || typeof lng !== 'number') {
+    throw new Error('lat and lng must be numbers');
+  }
+  // lat and lng should be truncated to 6 decimal places
+  const truncLat = parseFloat(lat.toFixed(6));
+  const truncLng = parseFloat(lng.toFixed(6));
+  return { lat: truncLat, lng: truncLng };
+};
+
+/**
+ * takes a lat lng object and returns a string of the form 'lat,lng'
+ * @param {{lat: number, lng: number}} args
+ * @returns {`${number},${number}`}
+ */
+export const latLngToString = ({ lat, lng }) => {
+  return `${lat},${lng}`;
+};
diff --git a/packages/client/pages/index.tsx b/packages/client/pages/index.tsx
index ff0d4d8..2811b64 100644
--- a/packages/client/pages/index.tsx
+++ b/packages/client/pages/index.tsx
@@ -1,9 +1,10 @@
-import Head from 'next/head';
-import dynamic from 'next/dynamic';
 import LocationSearch from '@/lib/components/LocationSearch';
+import { useMainStoreActions } from '@/store/store';
+import dynamic from 'next/dynamic';
+import Head from 'next/head';
 import BottomNav from '../lib/components/BottomNav/BottomNav';
 import ReportForm from '../lib/components/ReportForm/ReportForm';
-import useFormStore from '../store/formStore';
+import { useFormStore } from '../store/formStore';
 
 const MapWithNoSSR = dynamic(() => import('../lib/components/Map'), {
   ssr: false,
@@ -11,6 +12,7 @@ const MapWithNoSSR = dynamic(() => import('../lib/components/Map'), {
 
 export default function Home() {
   const showForm = useFormStore((state) => state.showForm);
+  const { setGeoData } = useMainStoreActions();
 
   return (
     <>
@@ -28,7 +30,7 @@ export default function Home() {
           <ReportForm />
         ) : (
           <>
-            <LocationSearch />
+            <LocationSearch setLocationData={setGeoData} />
             <MapWithNoSSR />
             <BottomNav />
           </>
diff --git a/packages/client/store/formStore.js b/packages/client/store/formStore.js
index f66f392..85ab77d 100644
--- a/packages/client/store/formStore.js
+++ b/packages/client/store/formStore.js
@@ -1,46 +1,46 @@
+import { normalizeLatLng } from '@/lib/helpers/helpers';
 import { create } from 'zustand';
 
 const initialState = {
   category: '',
   description: '',
   error: false,
-  location: { lat: -8.7445, lng: 115.182 },
+  location: undefined, // {lat, lng}
   photos: [],
   showForm: false,
   step: 0,
   title: '',
 };
 
-const useFormStore = create((set, get) => ({
+export const useFormStore = create((set, get) => ({
   ...initialState,
-  category: '',
-  description: '',
-  error: false,
-  location: { lat: -8.7445, lng: 115.182 },
-  photos: [],
-  resetForm: () => set(initialState),
-  getFormData: () => {
-    const { category, description, location, photos, title } = get();
-    return {
-      id: Date.now(),
-      category: category,
-      photos: photos,
-      title: title,
-      description: description,
-      location: location,
-    };
+  actions: {
+    resetForm: () => set(initialState),
+    getFormData: () => {
+      const { category, description, location, photos, title } = get();
+      return {
+        id: Date.now(),
+        category: category,
+        photos: photos,
+        title: title,
+        description: description,
+        location: location,
+      };
+    },
+    setCategory: (str) => set({ category: str }),
+    setDescription: (str) => set({ description: str }),
+    setError: (bool) => set({ error: bool }),
+    setLocation: ({ lat, lng }) => {
+      set({ location: normalizeLatLng({ lat, lng }) });
+    },
+    setPhotos: (array) => set({ photos: array }),
+    setShowForm: (bool) => set({ showForm: bool }),
+    setStep: (num) => set({ step: num }),
+    setTitle: (str) => set({ title: str }),
   },
-  setCategory: (str) => set(() => ({ category: str })),
-  setDescription: (str) => set(() => ({ description: str })),
-  setError: (bool) => set(() => ({ error: bool })),
-  setLocation: (latLng) => set(() => ({ location: latLng })),
-  setPhotos: (array) => set(() => ({ photos: array })),
-  setShowForm: (bool) => set(() => ({ showForm: bool })),
-  setStep: (num) => set(() => ({ step: num })),
-  setTitle: (str) => set(() => ({ title: str })),
-  showForm: false,
-  step: 0,
-  title: '',
 }));
 
-export default useFormStore;
+/**
+ * state updater funcs for the main zustand store
+ */
+export const useFormStoreActions = () => useFormStore((state) => state.actions);
diff --git a/packages/client/store/store.js b/packages/client/store/store.js
index 07ee599..14680e2 100644
--- a/packages/client/store/store.js
+++ b/packages/client/store/store.js
@@ -1,32 +1,32 @@
 //@ts-check
 import { create } from 'zustand';
+import { normalizeLatLng } from '../lib/helpers/helpers.js';
 
 /**
  * main global zustand store
  * - stores the state
- * - actions separated into the `useMainStoreActions` object
  */
-const useMainStore = create(() => ({
+const useMainStore = create((set) => ({
   geoData: { lat: -8.7445, lng: 115.182 },
   markers: [],
   rootDimensions: { width: 0, height: 0 },
   windowDimensions: { width: 0, height: 0 },
+  actions: {
+    setGeoData: ({ lat, lng }) => {
+      set({ geoData: normalizeLatLng({ lat, lng }) });
+    },
+    setMarkers: (object) =>
+      set((state) => ({ markers: [...state.markers, object] })),
+    setRootDimensions: ({ width, height }) =>
+      set({ rootDimensions: { width, height } }),
+    setWindowDimensions: ({ width, height }) =>
+      set({ windowDimensions: { width, height } }),
+  },
 }));
 
 /**
  * state updater funcs for the main zustand store
  */
-export const useMainStoreActions = () => ({
-  setGeoData: ({ lat, lng }) => {
-    console.info('setGeoData', lat, lng);
-    useMainStore.setState({ geoData: { lat, lng } });
-  },
-  setMarkers: (object) =>
-    useMainStore.setState((state) => ({ markers: [...state.markers, object] })),
-  setRootDimensions: ({ width, height }) =>
-    useMainStore.setState({ rootDimensions: { width, height } }),
-  setWindowDimensions: ({ width, height }) =>
-    useMainStore.setState({ windowDimensions: { width, height } }),
-});
+export const useMainStoreActions = () => useMainStore((state) => state.actions);
 
 export default useMainStore;