diff --git a/web/modals/user-profile/user-profile-utils.js b/web/modals/user-profile/user-profile-utils.js
new file mode 100644
--- /dev/null
+++ b/web/modals/user-profile/user-profile-utils.js
@@ -0,0 +1,17 @@
+// @flow
+
+import * as React from 'react';
+
+import { useModalContext } from 'lib/components/modal-provider.react.js';
+
+import UserProfileModal from './user-profile-modal.react.js';
+
+function usePushUserProfileModal(userID: string): () => mixed {
+  const { pushModal } = useModalContext();
+
+  return React.useCallback(() => {
+    pushModal(<UserProfileModal userID={userID} />);
+  }, [pushModal, userID]);
+}
+
+export { usePushUserProfileModal };