diff --git a/src/pages/travelers/Traveler.js b/src/pages/travelers/Traveler.js
index dd0921f..4bbe869 100644
--- a/src/pages/travelers/Traveler.js
+++ b/src/pages/travelers/Traveler.js
@@ -5,6 +5,7 @@ import { useCurrentUser } from "../../contexts/CurrentUserContext";
 import { Link } from "react-router-dom";
 import Avatar from "../../components/Avatar";
 import { Button } from "react-bootstrap";
+import { useSetTravelerData } from "../../contexts/TravelerDataContext";
 
 const Traveler = (props) => {
   const { traveler, mobile, imageSize = 55 } = props;
@@ -13,6 +14,8 @@ const Traveler = (props) => {
   const currentUser = useCurrentUser();
   const is_owner = currentUser?.username === owner;
 
+  const {handleFollow} = useSetTravelerData();
+
   return (
     <div
       className={`my-3 d-flex align-items-center ${mobile && "flex-column"}`}
@@ -39,7 +42,7 @@ const Traveler = (props) => {
           ) : (
             <Button
               className={`me-1 ${btnStyles.Button} ${btnStyles.PinkOutline}`}
-              onClick={() => {}}
+              onClick={() => handleFollow(traveler)}
             >
               follow
             </Button>