added useEffect

components/channel_members_rhs/member.tsx

@@ -1,7 +1,7 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 
-import React from 'react';
+import React, {useEffect} from 'react';
 import styled from 'styled-components';
 import classNames from 'classnames';
 import {FormattedMessage} from 'react-intl';
@@ -110,7 +110,13 @@ interface MMOverlayTrigger extends BaseOverlayTrigger {
 
 const Member = ({className, channel, member, index, totalUsers, editing, actions}: Props) => {
     const overlay = React.createRef<MMOverlayTrigger>();
-    const profileSrc = Client4.getProfilePictureUrl(member.user.id, member.user.last_picture_update);
+
+    const [profileSrc, setProfileSrc] = React.useState<string>('');
+    useEffect(() => {
+        setProfileSrc(
+            Client4.getProfilePictureUrl(member.user.id, member.user.last_picture_update),
+        );
+    }, [member.user.id, member.user.last_picture_update]);
 
     const hideProfilePopover = () => {
         if (overlay.current) {