Update deprecated React API

1 files changed, 13 insertions, 5 deletions

diff --git a/vnext/src/components/Feeds.js b/vnext/src/components/Feeds.js
index 7b6713f6..626732f6 100644
--- a/vnext/src/components/Feeds.js
+++ b/vnext/src/components/Feeds.js
@@ -9,6 +9,7 @@ import Message from './Message';
 import Spinner from './Spinner';
 
 import  { getMessages } from '../api';
+import { UserType } from './Types';
 
 export function Discover(props) {
   const query = {
@@ -69,16 +70,19 @@ class Feed extends React.Component {
   componentDidMount() {
     this.loadMessages(this.props.visitor.hash, this.props.location.search);
   }
-  componentWillReceiveProps(nextProps) {
-    if (this.props.location.search != nextProps.location.search
-      || this.props.visitor != nextProps.visitor) {
-      this.loadMessages(nextProps.visitor.hash, nextProps.location.search)
+  getSnapshotBeforeUpdate(prevProps) {
+    return (this.props.location.search != prevProps.location.search
+      || this.props.visitor != prevProps.visitor);
+  }
+  componentDidUpdate(prevProps, prevState, shouldReload) {
+    if (shouldReload) {
+      this.loadMessages(this.props.visitor.hash, this.props.location.search);
     }
   }
   loadMessages = (hash = '', filter = '') => {
     document.body.scrollTop = 0;
     document.documentElement.scrollTop = 0;
-    this.setState({ msgs: [], loading: true })
+    this.setState({ msgs: [], loading: true });
     const filterParams = qs.parse(filter);
     let params = Object.assign({}, filterParams || {}, this.props.query.search || {});
     let url = this.props.query.baseUrl;
@@ -144,6 +148,10 @@ Tag.propTypes = {
 };
 
 Feed.propTypes = {
+  authRequired: PropTypes.bool,
+  visitor: UserType,
+  history: ReactRouterPropTypes.history.isRequired,
+  location: ReactRouterPropTypes.location.isRequired,
   msgs: PropTypes.array,
   query: PropTypes.shape({
     baseUrl: PropTypes.string.isRequired,