diff --git a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx
index 31659dbfb286bf29bda78215420025d9af8a0a5d..5b986a1037d1a39f1f674e55bc4f3934433c6cc4 100644
--- a/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx
+++ b/projectSecondPart/src/photo-share/pages/user-detail/UserDetail.jsx
@@ -17,6 +17,11 @@ class UserDetail extends React.Component {
 		this.state = {userDetails: PROG2053Models.userModel(this.props.match.params.userId)};
 	}
 
+	componentDidUpdate(prevProps) {
+		if (this.props.match.params.userId !== prevProps.match.params.userId) {
+			this.setState({userDetails: PROG2053Models.userModel(this.props.match.params.userId)});
+		}
+	}
 
 	generateUserPreview = () => {
 		const user = this.state.userDetails;
diff --git a/projectSecondPart/src/photo-share/pages/user-photos/UserPhotos.jsx b/projectSecondPart/src/photo-share/pages/user-photos/UserPhotos.jsx
index 265fb07d9bf7482744dd597f1ba9426cd4718760..6e41697a78f7db106af88249f7cde15ff2082c8d 100644
--- a/projectSecondPart/src/photo-share/pages/user-photos/UserPhotos.jsx
+++ b/projectSecondPart/src/photo-share/pages/user-photos/UserPhotos.jsx
@@ -15,6 +15,12 @@ class UserPhotos extends React.Component {
 		this.state = {userPhotos: PROG2053Models.photoOfUserModel(this.props.match.params.userId)};
 	}
 
+	componentDidUpdate(prevProps) {
+		if (this.props.match.params.userId !== prevProps.match.params.userId) {
+			this.setState({userPhotos: PROG2053Models.photoOfUserModel(this.props.match.params.userId)});
+		}
+	}
+
 	getAuthor = (user) => {
 		if (user) {
 			return <Link to={`/photo-share/users/${user._id}`}>{user.first_name} {user.last_name}</Link>;