Added shared grid context and moved away from calling useContext directly

src/contexts/MapInteractionContext.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useContext } from "react";
 
 const MapInteractionContext = React.createContext({
   stageScale: 1,
@@ -11,4 +11,14 @@ const MapInteractionContext = React.createContext({
 });
 export const MapInteractionProvider = MapInteractionContext.Provider;
 
+export function useMapInteraction() {
+  const context = useContext(MapInteractionContext);
+  if (context === undefined) {
+    throw new Error(
+      "useMapInteraction must be used within a MapInteractionProvider"
+    );
+  }
+  return context;
+}
+
 export default MapInteractionContext;