diff --git a/src/maps/mapObjectTools/agMapTools.tsx b/src/maps/mapObjectTools/agMapTools.tsx
index eb2ca82..f51e109 100644
--- a/src/maps/mapObjectTools/agMapTools.tsx
+++ b/src/maps/mapObjectTools/agMapTools.tsx
@@ -27,6 +27,7 @@ import DeviceIcon from "products/Bindapt/BindaptIcon";
 import { pond } from "protobuf-ts/pond";
 //import { useHistory } from "react-router";
 import { makeStyles } from "@mui/styles";
+import { useNavigate } from "react-router-dom";
 
 const useStyles = makeStyles((theme: Theme) => ({
     iconButtons: {
@@ -99,11 +100,11 @@ export default function AgMapTools(props: Props) {
   const [binControlHovered, setBinControlHovered] = useState(false);
   const [scoutingControlHovered, setScoutingControlHovered] = useState(false);
   const [showFieldTitle, setShowFieldTitles] = useState(false);
+  const navigate = useNavigate();
   //const history = useHistory();
 
   const goToMyFields = () => {
-    console.log("navigate to my fields page")
-    //history.push("/myFields");
+    navigate("/fields");
   };
 
   const toggleControls = (control: "field" | "bin" | "scout") => {