From 26f07aec5463437fa1b7a39b9e7d4d530bb7cc8f Mon Sep 17 00:00:00 2001
From: Pratyush Singh <singh.pratyush96@gmail.com>
Date: Wed, 16 Jan 2019 21:31:13 +0530
Subject: [PATCH] Fix #124: Add meta tags for different routes

---
 package.json                                  |  1 +
 public/index.html                             |  1 +
 src/competitions/CompetitionListing/index.js  | 11 +++
 .../CompetitionSingle/CompetitionMetaTags.js  | 31 +++++++++
 src/competitions/CompetitionSingle/index.js   |  2 +
 src/feed/Explore.js                           |  8 +++
 src/feed/NewFeed.js                           | 10 +++
 src/feed/TagFeed.js                           | 11 +++
 src/feed/UserFeed.js                          |  5 ++
 src/index.js                                  | 29 ++++++--
 .../MicroCommunityMetaTags.js                 | 29 ++++++++
 .../MicroCommunitySingle/index.js             |  2 +
 src/post/PostSingle/PostMetaTags.js           | 67 +++++++++++++++++++
 src/post/PostSingle/index.js                  |  2 +
 .../UserProfile/UserProfileMetaTags.js        | 37 ++++++++++
 src/profile/UserProfile/index.js              |  3 +-
 yarn.lock                                     | 17 ++++-
 17 files changed, 259 insertions(+), 7 deletions(-)
 create mode 100644 src/competitions/CompetitionSingle/CompetitionMetaTags.js
 create mode 100644 src/microCommunities/MicroCommunitySingle/MicroCommunityMetaTags.js
 create mode 100644 src/post/PostSingle/PostMetaTags.js
 create mode 100644 src/profile/UserProfile/UserProfileMetaTags.js

diff --git a/package.json b/package.json
index 6d4f905..505ecd4 100644
--- a/package.json
+++ b/package.json
@@ -35,6 +35,7 @@
     "react-dev-utils": "^5.0.0",
     "react-dom": "^16.7.0-alpha.0",
     "react-draft-wysiwyg": "^1.12.11",
+    "react-helmet-async": "^0.2.0",
     "react-infinite-scroller": "^1.2.4",
     "react-lazyload": "^2.3.0",
     "react-redux": "^5.0.7",
diff --git a/public/index.html b/public/index.html
index 017320b..925592b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,6 +11,7 @@
     -->
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
   <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
diff --git a/src/competitions/CompetitionListing/index.js b/src/competitions/CompetitionListing/index.js
index 835dd90..adbbea5 100644
--- a/src/competitions/CompetitionListing/index.js
+++ b/src/competitions/CompetitionListing/index.js
@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import { connect } from 'react-redux';
 import { bindActionCreators } from 'redux';
 import PropTypes from 'prop-types';
+import Helmet from 'react-helmet-async';
 
 import {
   getAllCompetitions as getAllCompetitionsSelector,
@@ -20,6 +21,16 @@ const CompetitionListing = ({ isFetching, competitions, getAllCompetitions }) =>
 
   return (
     <div className={`${styles.container}`}>
+      <Helmet>
+        <title>Competitions | 1Ramp</title>
+        <meta name="title" content="Competitions | 1Ramp" />
+        <meta name="twitter:title" content="Competitions | 1Ramp" />
+        <meta name="og:title" content="Competitions | 1Ramp" />
+        <meta name="description" content="Participate in contests and win exciting prizes" />
+        <meta name="twitter:description" content="Participate in contests and win exciting prizes" />
+        <meta name="og:description" content="Participate in contests and win exciting prizes" />
+        <meta name="og:url" content="https://alpha.1ramp.io/competitions" />
+      </Helmet>
       <div className="uk-grid">
         {
           competitions.map(competition => (
diff --git a/src/competitions/CompetitionSingle/CompetitionMetaTags.js b/src/competitions/CompetitionSingle/CompetitionMetaTags.js
new file mode 100644
index 0000000..11dc599
--- /dev/null
+++ b/src/competitions/CompetitionSingle/CompetitionMetaTags.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import Helmet from 'react-helmet-async';
+import PropTypes from 'prop-types';
+
+const CompetitionMetaTags = ({ competition }) => {
+  const {
+    image, description, title, id,
+  } = competition;
+
+  return (
+    <Helmet>
+      <title>{title} | Competitions | 1Ramp</title>
+      <meta name="title" content={`${title} | Competitions | 1Ramp`} />
+      <meta name="og:title" content={`${title} | Competitions | 1Ramp`} />
+      <meta name="twitter:title" content={`${title} | Competitions | 1Ramp`} />
+      <meta name="description" content={description} />
+      <meta name="twitter:description" content={description} />
+      <meta name="og:description" content={description} />
+      <meta name="og:image" content={image} />
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:image:url" content={image} />
+      <meta name="og:url" content={`https://alpha.1ramp.io/competitions/${id}`} />
+    </Helmet>
+  );
+};
+
+CompetitionMetaTags.propTypes = {
+  competition: PropTypes.shape().isRequired,
+};
+
+export default CompetitionMetaTags;
diff --git a/src/competitions/CompetitionSingle/index.js b/src/competitions/CompetitionSingle/index.js
index fd38652..e216de5 100644
--- a/src/competitions/CompetitionSingle/index.js
+++ b/src/competitions/CompetitionSingle/index.js
@@ -12,6 +12,7 @@ import PostUserMeta from '../../post/PostUserMeta';
 import Icon from '../../icons/Icon';
 import UserAvatar from '../../components/UserAvatar';
 import PrimaryButton from '../../components/buttons/PrimaryButton';
+import CompetitionMetaTags from './CompetitionMetaTags';
 
 import indexStyles from '../../styles/globals.scss';
 import styles from './styles.scss';
@@ -55,6 +56,7 @@ const CompetitionSingle = ({
   const canParticipate = isParticipatePossible(competition.starts_at, competition.ends_at);
   return (
     <div className={`${styles.wrapper} ${indexStyles.white}`}>
+      <CompetitionMetaTags competition={competition} />
       <div className={styles.container}>
         {/** Competition header with metadata */}
         <PostUserMeta
diff --git a/src/feed/Explore.js b/src/feed/Explore.js
index 2564d1a..0ff4a80 100644
--- a/src/feed/Explore.js
+++ b/src/feed/Explore.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import InfiniteScroll from 'react-infinite-scroller';
+import Helmet from 'react-helmet-async';
 
 import styles from './styles.scss';
 import * as userFeedActions from '../actions/userFeedActions';
@@ -20,6 +21,13 @@ const ExploreFeed = ({
   );
   return (
     <div className={styles.feedPosts}>
+      <Helmet>
+        <title>Explore | 1Ramp</title>
+        <meta name="description" content="Explore what creators are sharing across all communities" />
+        <meta name="twitter:description" content="Explore what creators are sharing across all communities" />
+        <meta name="og:description" content="Explore what creators are sharing across all communities" />
+        <meta name="og:url" content="https://alpha.1ramp.io/feed/explore" />
+      </Helmet>
       <InfiniteScroll
         pageStart={0}
         loadMore={() => loadExplorePosts(false)}
diff --git a/src/feed/NewFeed.js b/src/feed/NewFeed.js
index cf5a4ff..ecb5967 100644
--- a/src/feed/NewFeed.js
+++ b/src/feed/NewFeed.js
@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
+import Helmet from 'react-helmet-async';
 
 import * as userFeedActions from '../actions/userFeedActions';
 import PostCard from '../post/PostCard';
@@ -42,6 +43,15 @@ class UserFeed extends React.Component {
   render() {
     return (
       <div className={`uk-margin-top ${styles.feedContainer}`}>
+        <Helmet>
+          <title>New Posts | 1Ramp</title>
+          <meta name="description" content="See the latest posts on the 1Ramp platform" />
+          <meta name="twitter:title" content="New Posts | 1Ramp" />
+          <meta name="og:title" content="New Posts | 1Ramp" />
+          <meta name="twitter:description" content="See the latest posts on the 1Ramp platform" />
+          <meta name="og:description" content="See the latest posts on the 1Ramp platform" />
+          <meta name="og:url" content="https://alpha.1ramp.io/search" />
+        </Helmet>
         {
           this.props.userFeed.posts && this.props.userFeed.posts.map(post =>
             <PostCard key={post} postPermlink={post} />)
diff --git a/src/feed/TagFeed.js b/src/feed/TagFeed.js
index b2b5504..4f9f8c8 100644
--- a/src/feed/TagFeed.js
+++ b/src/feed/TagFeed.js
@@ -2,6 +2,7 @@ import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
+import Helmet from 'react-helmet-async';
 
 import PostLoading from '../post/PostLoading';
 import styles from './styles.scss';
@@ -17,8 +18,18 @@ const TagFeed = (props) => {
     },
     [tag],
   );
+  const capitalizedTag = tag[0].toUpperCase() + tag.slice(1);
   return (
     <div className={styles.feedPosts}>
+      <Helmet>
+        <title>{capitalizedTag} | 1Ramp</title>
+        <meta name="description" content={`${capitalizedTag} on 1Ramp`} />
+        <meta name="twitter:title" content={`${capitalizedTag} | 1Ramp`} />
+        <meta name="og:title" content={`${capitalizedTag} | 1Ramp`} />
+        <meta name="twitter:description" content={`${capitalizedTag} on 1Ramp`} />
+        <meta name="og:description" content={`${capitalizedTag} on 1Ramp`} />
+        <meta name="og:url" content={`https://alpha.1ramp.io/feed/${props.match.params.tag}`} />
+      </Helmet>
       {
         props.feed.posts && props.feed.posts.map(post =>
           <PostCard key={post} postPermlink={post} />)
diff --git a/src/feed/UserFeed.js b/src/feed/UserFeed.js
index 4eb6e0f..f1fe038 100644
--- a/src/feed/UserFeed.js
+++ b/src/feed/UserFeed.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import InfiniteScroll from 'react-infinite-scroller';
+import Helmet from 'react-helmet-async';
 
 import styles from './styles.scss';
 import * as userFeedActions from '../actions/userFeedActions';
@@ -23,6 +24,10 @@ const UserFeed = (props) => {
   );
   return (
     <div className={styles.feedPosts}>
+      <Helmet>
+        <title>My Feed | 1Ramp</title>
+        <meta name="og:url" content="https://alpha.1ramp.io/feed" />
+      </Helmet>
       <InfiniteScroll
         pageStart={0}
         loadMore={() => props.loadFeedsForUser(props.authUsername)}
diff --git a/src/index.js b/src/index.js
index 82776d4..b5b9c69 100644
--- a/src/index.js
+++ b/src/index.js
@@ -9,6 +9,7 @@ import en from 'javascript-time-ago/locale/en';
 import showdown from 'showdown';
 import Cookie from 'js-cookie';
 import { ConnectedRouter } from 'connected-react-router';
+import Helmet, { HelmetProvider } from 'react-helmet-async';
 
 // import registerServiceWorker from './registerServiceWorker';
 import Root from './components/root';
@@ -47,11 +48,29 @@ if (accessToken) {
 }
 
 ReactDOM.render(
-  <Provider store={store}>
-    <ConnectedRouter history={history}>
-      <Root />
-    </ConnectedRouter>
-  </Provider>,
+  <HelmetProvider>
+    {/* Default meta tags */}
+    <Helmet>
+      <meta name="title" content="Social media for creators - share content and earn rewards!" />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:site" content="@the1ramp" />
+      <meta name="twitter:title" content="1Ramp" />
+      <meta name="twitter:description" content="Social media for creators - share content and earn rewards!" />
+      <meta name="twitter:creator" content="@the1ramp" />
+      <meta name="twitter:img:src" content="https://steemitimages.com/u/the1ramp/avatar/large" />
+      <meta name="og:title" content="1Ramp" />
+      <meta name="og:type" content="website" />
+      <meta name="og:url" content="https://alpha.1ramp.io" />
+      <meta name="og:image" content="https://steemitimages.com/u/the1ramp/avatar/large" />
+      <meta name="og:description" content="Social media for creators - share content and earn rewards!" />
+      <meta name="og:site_name" content="1Ramp" />
+    </Helmet>
+    <Provider store={store}>
+      <ConnectedRouter history={history}>
+        <Root />
+      </ConnectedRouter>
+    </Provider>
+  </HelmetProvider>,
   document.getElementById('root'),
 );
 // registerServiceWorker();
diff --git a/src/microCommunities/MicroCommunitySingle/MicroCommunityMetaTags.js b/src/microCommunities/MicroCommunitySingle/MicroCommunityMetaTags.js
new file mode 100644
index 0000000..96c9b4d
--- /dev/null
+++ b/src/microCommunities/MicroCommunitySingle/MicroCommunityMetaTags.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import Helmet from 'react-helmet-async';
+import PropTypes from 'prop-types';
+
+const MicroCommunityMetaTags = ({ community }) => {
+  const { name, description, tag } = community;
+  const image = community.image_url;
+  return (
+    <Helmet>
+      <title>{name} | Communities | 1Ramp</title>
+      <meta name="title" content={`${name} | Communities | 1Ramp`} />
+      <meta name="og:title" content={`${name} | Communitites | 1Ramp`} />
+      <meta name="twitter:title" content={`${name} | Communitites | 1Ramp`} />
+      <meta name="description" content={description} />
+      <meta name="twitter:description" content={description} />
+      <meta name="og:description" content={description} />
+      <meta name="og:image" content={image} />
+      <meta name="twitter:card" content="summary_large_image" />
+      <meta name="twitter:image:url" content={image} />
+      <meta name="og:url" content={`https://alpha.1ramp.io/communities/${tag}`} />
+    </Helmet>
+  );
+};
+
+MicroCommunityMetaTags.propTypes = {
+  community: PropTypes.shape().isRequired,
+};
+
+export default MicroCommunityMetaTags;
diff --git a/src/microCommunities/MicroCommunitySingle/index.js b/src/microCommunities/MicroCommunitySingle/index.js
index cf71f89..bc7738a 100644
--- a/src/microCommunities/MicroCommunitySingle/index.js
+++ b/src/microCommunities/MicroCommunitySingle/index.js
@@ -3,6 +3,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 
+import MicroCommunityMetaTags from './MicroCommunityMetaTags';
 import Info from './MicroCommunityInfo';
 import Posts from './MicroCommunityPosts';
 import { getAllMicroCommunities } from '../actions';
@@ -25,6 +26,7 @@ const MicroCommunitySingle = ({ fetchAll, microCommunity }) => {
   }
   return (
     <div className="uk-container">
+      <MicroCommunityMetaTags community={microCommunity} />
       <div uk-grid="true" className="uk-margin-small-top">
         <div className="uk-width-1-4@m">
           <Info microCommunity={microCommunity} />
diff --git a/src/post/PostSingle/PostMetaTags.js b/src/post/PostSingle/PostMetaTags.js
new file mode 100644
index 0000000..b07fecc
--- /dev/null
+++ b/src/post/PostSingle/PostMetaTags.js
@@ -0,0 +1,67 @@
+import React from 'react';
+import Helmet from 'react-helmet-async';
+import _ from 'lodash';
+import PropTypes from 'prop-types';
+
+import { getBodyTextOnly, getImagesFromBody } from '../utils';
+
+const PostMetaTags = ({ post, postingUser }) => {
+  const {
+    title, body, author, permlink,
+    created,
+  } = post;
+
+  const lastUpdate = post.last_update;
+  const bodyText = getBodyTextOnly(body);
+  const titleTagContent = title.length ? title : bodyText;
+
+  let jsonMetadata;
+  try {
+    if (typeof post.json_metadata === 'string') {
+      jsonMetadata = JSON.parse(post.json_metadata);
+    } else {
+      jsonMetadata = post.json_metadata;
+    }
+  } catch (e) {
+    jsonMetadata = {};
+  }
+
+  let image = _.get(jsonMetadata, 'image[0]', '');
+
+  if ( // Image is null for some rare cases - prevent crash
+    !image || !image.length
+  ) {
+    image = _.get(getImagesFromBody(body), '[0]', '');
+  }
+
+  const twitterHandle = _.get(postingUser, 'json_metadata.profile.twitter', false);
+  const tags = _.get(jsonMetadata, 'tags', []);
+
+  return (
+    <Helmet>
+      <title>{titleTagContent} - @{author} | 1Ramp</title>
+      <meta name="title" content={titleTagContent} />
+      <meta name="description" content={bodyText} />
+      <meta name="twitter:card" content={image ? 'summary_large_image' : 'summary'} />
+      <meta name="twitter:title" content={titleTagContent} />
+      <meta name="twitter:description" content={bodyText} />
+      {twitterHandle && <meta name="twitter:creator" content={`@${twitterHandle}`} />}
+      {image && <meta name="twitter:img:src" content={image} />}
+      <meta name="og:title" content={titleTagContent} />
+      <meta name="og:type" content="article" />
+      <meta name="og:url" content={`https://alpha.1ramp.io/@${author}/${permlink}`} />
+      {image && <meta name="og:image" content={image} />}
+      <meta name="og:description" content={bodyText} />
+      <meta name="article:published_time" content={created} />
+      <meta name="article:modified_time" content={lastUpdate} />
+      <meta name="article:tag" content={tags.join(',')} />
+    </Helmet>
+  );
+};
+
+PostMetaTags.propTypes = {
+  post: PropTypes.shape().isRequired,
+  postingUser: PropTypes.shape().isRequired,
+};
+
+export default PostMetaTags;
diff --git a/src/post/PostSingle/index.js b/src/post/PostSingle/index.js
index 6e1735e..65162ea 100644
--- a/src/post/PostSingle/index.js
+++ b/src/post/PostSingle/index.js
@@ -11,6 +11,7 @@ import PostUserMeta from '../PostUserMeta';
 import { getCommunitiesForPost } from '../../utils/communityUtils';
 import PostBody from '../PostBody';
 import styles from './styles.scss';
+import PostMetaTags from './PostMetaTags';
 
 class PostSingle extends React.Component {
   componentDidMount() {
@@ -21,6 +22,7 @@ class PostSingle extends React.Component {
     const { body, author, permlink } = this.props.post;
     return (
       <div className={['uk-margin-bottom', styles.postSingleContainer].join(' ')}>
+        <PostMetaTags post={this.props.post} postingUser={this.props.postingUser} />
         <div
           className={[indexStyles.white].join(' ')}
         >
diff --git a/src/profile/UserProfile/UserProfileMetaTags.js b/src/profile/UserProfile/UserProfileMetaTags.js
new file mode 100644
index 0000000..bb67f97
--- /dev/null
+++ b/src/profile/UserProfile/UserProfileMetaTags.js
@@ -0,0 +1,37 @@
+import React from 'react';
+import _ from 'lodash';
+import Helmet from 'react-helmet-async';
+import PropTypes from 'prop-types';
+
+const UserProfileMetaTags = ({ user }) => {
+  const { json_metadata, name } = user; // name is username
+
+  const fullName = _.get(json_metadata, 'profile.name', false);
+  const description = _.get(json_metadata, 'profile.about', '');
+  const twitterHandle = _.get(json_metadata, 'profile.twitter', false);
+  const title = fullName ? `${fullName} (@${name})` : `@${name}`;
+  const image = `https://steemitimages.com/u/${name}/avatar`;
+
+  return (
+    <Helmet>
+      <title>{title} | 1Ramp</title>
+      <meta name="description" content={description} />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:title" content={`${title} | 1Ramp`} />
+      <meta name="twitter:description" content={description} />
+      {twitterHandle && <meta name="twitter:creator" content={`@${twitterHandle}`} />}
+      <meta name="twitter:img:src" content={image} />
+      <meta name="og:title" content={`${title} | 1Ramp`} />
+      <meta name="og:type" content="article" />
+      <meta name="og:url" content={`https://alpha.1ramp.io/@${name}`} />
+      <meta name="og:image" content={image} />
+      <meta name="og:description" content={description} />
+    </Helmet>
+  );
+};
+
+UserProfileMetaTags.propTypes = {
+  user: PropTypes.shape().isRequired,
+};
+
+export default UserProfileMetaTags;
diff --git a/src/profile/UserProfile/index.js b/src/profile/UserProfile/index.js
index 4ce640e..b9d1256 100644
--- a/src/profile/UserProfile/index.js
+++ b/src/profile/UserProfile/index.js
@@ -18,6 +18,7 @@ import { getUserProfile, isProfileMetaLoading, getUserJSONMetadata, getUserName
 import UserCommunities from './UserCommunities';
 import UserBlog from './UserBlog';
 import EditProfileButton from '../EditProfile/EditProfileButton';
+import UserProfileMetaTags from './UserProfileMetaTags';
 
 class UserProfile extends React.Component {
   componentDidMount() {
@@ -54,7 +55,7 @@ class UserProfile extends React.Component {
     return (
       <div className="uk-margin-small-top">
         {/* Cover image and user avatar */}
-
+        <UserProfileMetaTags user={{ name: username, json_metadata: jsonMetadata }} />
         <div className={`${indexStyles.white}`}>
           <UserCoverImage username={username} coverImageUrl={jsonMetadata.profile.cover_image} />
 
diff --git a/yarn.lock b/yarn.lock
index 4a926d1..8580cb4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6641,7 +6641,7 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
-prop-types@^15.5.0, prop-types@^15.5.10, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.6.2:
+prop-types@^15.5.0, prop-types@^15.5.10, prop-types@^15.5.6, prop-types@^15.5.8, prop-types@^15.6.1, prop-types@^15.6.2:
   version "15.6.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
   integrity sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==
@@ -6916,6 +6916,21 @@ react-error-overlay@^4.0.0:
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4"
   integrity sha512-FlsPxavEyMuR6TjVbSSywovXSEyOg6ZDj5+Z8nbsRl9EkOzAhEIcS+GLoQDC5fz/t9suhUXWmUrOBrgeUvrMxw==
 
+react-fast-compare@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-2.0.4.tgz#e84b4d455b0fec113e0402c329352715196f81f9"
+  integrity sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==
+
+react-helmet-async@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/react-helmet-async/-/react-helmet-async-0.2.0.tgz#d20d8725c1dcdcc95d54e281a1040af47c3abffa"
+  integrity sha512-xo8oN+SUt0YkgQscKPTqhZZIOn5ni18FMv/H3KuBDt5+yAXTGktPEf3HU2EyufbHAF0TQ8qI+JrA3ILnjVfqNA==
+  dependencies:
+    invariant "^2.2.4"
+    prop-types "^15.6.1"
+    react-fast-compare "^2.0.2"
+    shallowequal "^1.0.2"
+
 react-infinite-scroller@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/react-infinite-scroller/-/react-infinite-scroller-1.2.4.tgz#f67eaec4940a4ce6417bebdd6e3433bfc38826e9"