Update registerComponent calls to preferred syntax

Call `registerComponent` with object argument instead of rest parameters Executed following find & replace regex: * `registerComponent$('[A-Za-z0-9]*'), ([A-Za-z0-9]*), (.*)$` ➡ `registerComponent({ name: $1, component: $2, hocs: [$3] })` * `registerComponent$('[A-Za-z0-9]*'), ([A-Za-z0-9]*)$` ➡ `registerComponent({ name: $1, component: $2 })` Note: This change exacerbates VulcanJS/Vulcan#2061, and probably shouldn't be merged until that issue is resolved.
classicvalues · Sep 11, 2018 · cdc7f06 · cdc7f06
1 parent d72be2d
commit cdc7f06
Show file tree

Hide file tree

Showing 116 changed files with 116 additions and 116 deletions.
diff --git a/packages/example-customization/lib/components/MyCustomPage.jsx b/packages/example-customization/lib/components/MyCustomPage.jsx
@@ -15,4 +15,4 @@ const MyCustomPage = () => {
   )
 }
 
-registerComponent('MyCustomPage', MyCustomPage);
+registerComponent({ name: 'MyCustomPage', component: MyCustomPage });
diff --git a/packages/example-forms/lib/components/FormFunnel.jsx b/packages/example-forms/lib/components/FormFunnel.jsx
@@ -39,4 +39,4 @@ FormFunnel.contextTypes = {
   updateCurrentValues: PropTypes.func,
 };
 
-registerComponent('FormFunnel', FormFunnel);
+registerComponent({ name: 'FormFunnel', component: FormFunnel });
diff --git a/packages/example-forms/lib/components/Home.js b/packages/example-forms/lib/components/Home.js
@@ -53,4 +53,4 @@ const Home = ({ flash }) => (
   </div>
 );
 
-registerComponent('Home', Home, withMessages);
+registerComponent({ name: 'Home', component: Home, hocs: [withMessages] });
diff --git a/packages/example-forum/lib/components/categories/CategoriesDashboard.jsx b/packages/example-forum/lib/components/categories/CategoriesDashboard.jsx
@@ -27,4 +27,4 @@ const CategoriesDashboard = () =>
 
   </div>
 
-registerComponent('CategoriesDashboard', CategoriesDashboard);
+registerComponent({ name: 'CategoriesDashboard', component: CategoriesDashboard });
diff --git a/packages/example-forum/lib/components/categories/CategoriesEditForm.jsx b/packages/example-forum/lib/components/categories/CategoriesEditForm.jsx
@@ -40,4 +40,4 @@ CategoriesEditForm.contextTypes = {
   intl: intlShape,
 };
 
-registerComponent('CategoriesEditForm', CategoriesEditForm, withMessages);
+registerComponent({ name: 'CategoriesEditForm', component: CategoriesEditForm, hocs: [withMessages] });
diff --git a/packages/example-forum/lib/components/categories/CategoriesMenu.jsx b/packages/example-forum/lib/components/categories/CategoriesMenu.jsx
@@ -126,4 +126,4 @@ const options = {
   pollInterval: 0,
 };
 
-registerComponent('CategoriesMenu', CategoriesMenu, withRouter, withApollo, [withList, options], withCurrentUser);
+registerComponent({ name: 'CategoriesMenu', component: CategoriesMenu, hocs: [withRouter, withApollo, [withList, options], withCurrentUser] });
diff --git a/packages/example-forum/lib/components/categories/CategoriesNewForm.jsx b/packages/example-forum/lib/components/categories/CategoriesNewForm.jsx
@@ -31,4 +31,4 @@ CategoriesNewForm.contextTypes = {
   intl: intlShape,
 };
 
-registerComponent('CategoriesNewForm', CategoriesNewForm, withMessages);
+registerComponent({ name: 'CategoriesNewForm', component: CategoriesNewForm, hocs: [withMessages] });
diff --git a/packages/example-forum/lib/components/comments/CommentsEditForm.jsx b/packages/example-forum/lib/components/comments/CommentsEditForm.jsx
@@ -26,4 +26,4 @@ CommentsEditForm.propTypes = {
   cancelCallback: PropTypes.func
 };
 
-registerComponent('CommentsEditForm', CommentsEditForm, withMessages);
+registerComponent({ name: 'CommentsEditForm', component: CommentsEditForm, hocs: [withMessages] });
diff --git a/packages/example-forum/lib/components/comments/CommentsItem.jsx b/packages/example-forum/lib/components/comments/CommentsItem.jsx
@@ -123,4 +123,4 @@ CommentsItem.propTypes = {
   flash: PropTypes.func,
 };
 
-registerComponent('CommentsItem', CommentsItem, withMessages);
+registerComponent({ name: 'CommentsItem', component: CommentsItem, hocs: [withMessages] });
diff --git a/packages/example-forum/lib/components/comments/CommentsList.jsx b/packages/example-forum/lib/components/comments/CommentsList.jsx
@@ -25,4 +25,4 @@ const CommentsList = ({comments, commentCount, currentUser}) => {
 
 CommentsList.displayName = "CommentsList";
 
-registerComponent('CommentsList', CommentsList);
+registerComponent({ name: 'CommentsList', component: CommentsList });
diff --git a/packages/example-forum/lib/components/comments/CommentsLoadMore.jsx b/packages/example-forum/lib/components/comments/CommentsLoadMore.jsx
@@ -8,4 +8,4 @@ const CommentsLoadMore = ({loadMore, count, totalCount}) => {
 
 CommentsLoadMore.displayName = "CommentsLoadMore";
 
-registerComponent('CommentsLoadMore', CommentsLoadMore);
+registerComponent({ name: 'CommentsLoadMore', component: CommentsLoadMore });
diff --git a/packages/example-forum/lib/components/comments/CommentsNewForm.jsx b/packages/example-forum/lib/components/comments/CommentsNewForm.jsx
@@ -48,4 +48,4 @@ CommentsNewForm.propTypes = {
   flash: PropTypes.func,
 };
 
-registerComponent('CommentsNewForm', CommentsNewForm, withMessages);
+registerComponent({ name: 'CommentsNewForm', component: CommentsNewForm, hocs: [withMessages] });
diff --git a/packages/example-forum/lib/components/comments/CommentsNode.jsx b/packages/example-forum/lib/components/comments/CommentsNode.jsx
@@ -17,4 +17,4 @@ CommentsNode.propTypes = {
   comment: PropTypes.object.isRequired, // the current comment
 };
 
-registerComponent('CommentsNode', CommentsNode);
+registerComponent({ name: 'CommentsNode', component: CommentsNode });
diff --git a/packages/example-forum/lib/components/common/Footer.jsx b/packages/example-forum/lib/components/common/Footer.jsx
@@ -10,4 +10,4 @@ const Footer = props => {
 
 Footer.displayName = "Footer";
 
-registerComponent('Footer', Footer);
+registerComponent({ name: 'Footer', component: Footer });
diff --git a/packages/example-forum/lib/components/common/Header.jsx b/packages/example-forum/lib/components/common/Header.jsx
@@ -44,4 +44,4 @@ Header.propTypes = {
   currentUser: PropTypes.object,
 };
 
-registerComponent('Header', Header, withCurrentUser);
+registerComponent({ name: 'Header', component: Header, hocs: [withCurrentUser] });
diff --git a/packages/example-forum/lib/components/common/Layout.jsx b/packages/example-forum/lib/components/common/Layout.jsx
@@ -33,4 +33,4 @@ const Layout = ({currentUser, children, currentRoute}) =>
 
   </div>
 
-registerComponent('Layout', Layout, withCurrentUser);
+registerComponent({ name: 'Layout', component: Layout, hocs: [withCurrentUser] });
diff --git a/packages/example-forum/lib/components/common/Logo.jsx b/packages/example-forum/lib/components/common/Logo.jsx
@@ -22,4 +22,4 @@ const Logo = ({logoUrl, siteTitle}) => {
 
 Logo.displayName = "Logo";
 
-registerComponent('Logo', Logo);
+registerComponent({ name: 'Logo', component: Logo });
diff --git a/packages/example-forum/lib/components/common/Newsletter.jsx b/packages/example-forum/lib/components/common/Newsletter.jsx
@@ -116,4 +116,4 @@ function showBanner (user) {
   );
 }
 
-registerComponent('Newsletter', Newsletter, withMutation(mutationOptions), withCurrentUser, withMessages);
+registerComponent({ name: 'Newsletter', component: Newsletter, hocs: [withMutation(mutationOptions), withCurrentUser, withMessages] });
diff --git a/packages/example-forum/lib/components/common/NewsletterButton.jsx b/packages/example-forum/lib/components/common/NewsletterButton.jsx
@@ -60,4 +60,4 @@ NewsletterButton.contextTypes = {
 const addOptions = {name: 'addUserNewsletter', args: {userId: 'String'}};
 const removeOptions = {name: 'removeUserNewsletter', args: {userId: 'String'}};
 
-registerComponent('NewsletterButton', NewsletterButton, withCurrentUser, withMutation(addOptions), withMutation(removeOptions), withMessages);
+registerComponent({ name: 'NewsletterButton', component: NewsletterButton, hocs: [withCurrentUser, withMutation(addOptions), withMutation(removeOptions), withMessages] });
diff --git a/packages/example-forum/lib/components/common/SearchForm.jsx b/packages/example-forum/lib/components/common/SearchForm.jsx
@@ -78,4 +78,4 @@ SearchForm.contextTypes = {
   intl: intlShape
 };
 
-registerComponent('SearchForm', SearchForm, withRouter);
+registerComponent({ name: 'SearchForm', component: SearchForm, hocs: [withRouter] });
diff --git a/packages/example-forum/lib/components/common/Vote.jsx b/packages/example-forum/lib/components/common/Vote.jsx
@@ -68,4 +68,4 @@ Vote.contextTypes = {
   intl: intlShape
 };
 
-registerComponent('Vote', Vote, withMessages, withVote);
+registerComponent({ name: 'Vote', component: Vote, hocs: [withMessages, withVote] });
diff --git a/packages/example-forum/lib/components/posts/PostsCategories.jsx b/packages/example-forum/lib/components/posts/PostsCategories.jsx
@@ -14,4 +14,4 @@ const PostsCategories = ({post}) => {
 
 PostsCategories.displayName = "PostsCategories";
 
-registerComponent('PostsCategories', PostsCategories);
+registerComponent({ name: 'PostsCategories', component: PostsCategories });
diff --git a/packages/example-forum/lib/components/posts/PostsCommenters.jsx b/packages/example-forum/lib/components/posts/PostsCommenters.jsx
@@ -22,4 +22,4 @@ const PostsCommenters = ({post}) => {
 
 PostsCommenters.displayName = "PostsCommenters";
 
-registerComponent('PostsCommenters', PostsCommenters);
+registerComponent({ name: 'PostsCommenters', component: PostsCommenters });
diff --git a/packages/example-forum/lib/components/posts/PostsCommentsThread.jsx b/packages/example-forum/lib/components/posts/PostsCommentsThread.jsx
@@ -52,4 +52,4 @@ const options = {
   limit: 0,
 };
 
-registerComponent('PostsCommentsThread', PostsCommentsThread, [withList, options], withCurrentUser);
+registerComponent({ name: 'PostsCommentsThread', component: PostsCommentsThread, hocs: [[withList, options], withCurrentUser] });
diff --git a/packages/example-forum/lib/components/posts/PostsDaily.jsx b/packages/example-forum/lib/components/posts/PostsDaily.jsx
@@ -19,4 +19,4 @@ const PostsDaily = props => {
 
 PostsDaily.displayName = 'PostsDaily';
 
-registerComponent('PostsDaily', PostsDaily);
+registerComponent({ name: 'PostsDaily', component: PostsDaily });
diff --git a/packages/example-forum/lib/components/posts/PostsDailyList.jsx b/packages/example-forum/lib/components/posts/PostsDailyList.jsx
@@ -116,4 +116,4 @@ const options = {
   limit: 0,
 };
 
-registerComponent('PostsDailyList', PostsDailyList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'PostsDailyList', component: PostsDailyList, hocs: [withCurrentUser, [withList, options]] });
diff --git a/packages/example-forum/lib/components/posts/PostsDay.jsx b/packages/example-forum/lib/components/posts/PostsDay.jsx
@@ -29,4 +29,4 @@ PostsDay.propTypes = {
   number: PropTypes.number
 };
 
-registerComponent('PostsDay', PostsDay);
+registerComponent({ name: 'PostsDay', component: PostsDay });
diff --git a/packages/example-forum/lib/components/posts/PostsEditForm.jsx b/packages/example-forum/lib/components/posts/PostsEditForm.jsx
@@ -61,4 +61,4 @@ PostsEditForm.contextTypes = {
   intl: intlShape
 }
 
-registerComponent('PostsEditForm', PostsEditForm, withMessages, withRouter, withCurrentUser);
+registerComponent({ name: 'PostsEditForm', component: PostsEditForm, hocs: [withMessages, withRouter, withCurrentUser] });
diff --git a/packages/example-forum/lib/components/posts/PostsHome.jsx b/packages/example-forum/lib/components/posts/PostsHome.jsx
@@ -9,4 +9,4 @@ const PostsHome = (props, context) => {
 
 PostsHome.displayName = "PostsHome";
 
-registerComponent('PostsHome', PostsHome);
+registerComponent({ name: 'PostsHome', component: PostsHome });
diff --git a/packages/example-forum/lib/components/posts/PostsItem.jsx b/packages/example-forum/lib/components/posts/PostsItem.jsx
@@ -81,4 +81,4 @@ PostsItem.propTypes = {
   terms: PropTypes.object,
 };
 
-registerComponent('PostsItem', PostsItem);
+registerComponent({ name: 'PostsItem', component: PostsItem });
diff --git a/packages/example-forum/lib/components/posts/PostsList.jsx b/packages/example-forum/lib/components/posts/PostsList.jsx
@@ -77,4 +77,4 @@ const options = {
   fragmentName: 'PostsList',
 };
 
-registerComponent('PostsList', PostsList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'PostsList', component: PostsList, hocs: [withCurrentUser, [withList, options]] });
diff --git a/packages/example-forum/lib/components/posts/PostsListHeader.jsx b/packages/example-forum/lib/components/posts/PostsListHeader.jsx
@@ -18,4 +18,4 @@ const PostsListHeader = () => {
 
 PostsListHeader.displayName = "PostsListHeader";
 
-registerComponent('PostsListHeader', PostsListHeader);
+registerComponent({ name: 'PostsListHeader', component: PostsListHeader });
diff --git a/packages/example-forum/lib/components/posts/PostsLoadMore.jsx b/packages/example-forum/lib/components/posts/PostsLoadMore.jsx
@@ -18,4 +18,4 @@ const PostsLoadMore = ({loading, loadMore, count, totalCount}) => {
 
 PostsLoadMore.displayName = "PostsLoadMore";
 
-registerComponent('PostsLoadMore', PostsLoadMore);
+registerComponent({ name: 'PostsLoadMore', component: PostsLoadMore });
diff --git a/packages/example-forum/lib/components/posts/PostsLoading.jsx b/packages/example-forum/lib/components/posts/PostsLoading.jsx
@@ -7,4 +7,4 @@ const PostsLoading = props => {
 
 PostsLoading.displayName = "PostsLoading";
 
-registerComponent('PostsLoading', PostsLoading);
+registerComponent({ name: 'PostsLoading', component: PostsLoading });
diff --git a/packages/example-forum/lib/components/posts/PostsNewButton.jsx b/packages/example-forum/lib/components/posts/PostsNewButton.jsx
@@ -25,4 +25,4 @@ PostsNewButton.contextTypes = {
   intl: intlShape
 };
 
-registerComponent('PostsNewButton', PostsNewButton, withCurrentUser);
+registerComponent({ name: 'PostsNewButton', component: PostsNewButton, hocs: [withCurrentUser] });
diff --git a/packages/example-forum/lib/components/posts/PostsNewForm.jsx b/packages/example-forum/lib/components/posts/PostsNewForm.jsx
@@ -64,4 +64,4 @@ const options = {
   pollInterval: 0,
 };
 
-registerComponent('PostsNewForm', PostsNewForm, withRouter, withMessages, [withList, options]);
+registerComponent({ name: 'PostsNewForm', component: PostsNewForm, hocs: [withRouter, withMessages, [withList, options]] });
diff --git a/packages/example-forum/lib/components/posts/PostsNoMore.jsx b/packages/example-forum/lib/components/posts/PostsNoMore.jsx
@@ -6,4 +6,4 @@ const PostsNoMore = props => <p className="posts-no-more"><FormattedMessage id="
 
 PostsNoMore.displayName = "PostsNoMore";
 
-registerComponent('PostsNoMore', PostsNoMore);
+registerComponent({ name: 'PostsNoMore', component: PostsNoMore });
diff --git a/packages/example-forum/lib/components/posts/PostsNoResults.jsx b/packages/example-forum/lib/components/posts/PostsNoResults.jsx
@@ -6,4 +6,4 @@ const PostsNoResults = props => <p className="posts-no-results"><FormattedMessag
 
 PostsNoResults.displayName = "PostsNoResults";
 
-registerComponent('PostsNoResults', PostsNoResults);
+registerComponent({ name: 'PostsNoResults', component: PostsNoResults });
diff --git a/packages/example-forum/lib/components/posts/PostsSingle.jsx b/packages/example-forum/lib/components/posts/PostsSingle.jsx
@@ -7,4 +7,4 @@ const PostsSingle = (props, context) => {
 
 PostsSingle.displayName = "PostsSingle";
 
-registerComponent('PostsSingle', PostsSingle);
+registerComponent({ name: 'PostsSingle', component: PostsSingle });
diff --git a/packages/example-forum/lib/components/posts/PostsStats.jsx b/packages/example-forum/lib/components/posts/PostsStats.jsx
@@ -15,4 +15,4 @@ const PostsStats = ({post}) => {
 
 PostsStats.displayName = "PostsStats";
 
-registerComponent('PostsStats', PostsStats);
+registerComponent({ name: 'PostsStats', component: PostsStats });
diff --git a/packages/example-forum/lib/components/posts/PostsThumbnail.jsx b/packages/example-forum/lib/components/posts/PostsThumbnail.jsx
@@ -9,4 +9,4 @@ const PostsThumbnail = ({post}) =>
 
 PostsThumbnail.displayName = "PostsThumbnail";
 
-registerComponent('PostsThumbnail', PostsThumbnail);
+registerComponent({ name: 'PostsThumbnail', component: PostsThumbnail });
diff --git a/packages/example-forum/lib/components/posts/PostsViews.jsx b/packages/example-forum/lib/components/posts/PostsViews.jsx
@@ -51,4 +51,4 @@ PostsViews.contextTypes = {
 
 PostsViews.displayName = 'PostsViews';
 
-registerComponent('PostsViews', PostsViews, withCurrentUser, withRouter);
+registerComponent({ name: 'PostsViews', component: PostsViews, hocs: [withCurrentUser, withRouter] });
diff --git a/packages/example-forum/lib/components/users/UsersAccount.jsx b/packages/example-forum/lib/components/users/UsersAccount.jsx
@@ -14,4 +14,4 @@ UsersAccount.propTypes = {
 
 UsersAccount.displayName = 'UsersAccount';
 
-registerComponent('UsersAccount', UsersAccount, withCurrentUser);
+registerComponent({ name: 'UsersAccount', component: UsersAccount, hocs: [withCurrentUser] });
diff --git a/packages/example-forum/lib/components/users/UsersAccountMenu.jsx b/packages/example-forum/lib/components/users/UsersAccountMenu.jsx
@@ -22,4 +22,4 @@ const UsersAccountMenu = ({ state }) => (
 
 UsersAccountMenu.displayName = 'UsersAccountMenu';
 
-registerComponent('UsersAccountMenu', UsersAccountMenu);
+registerComponent({ name: 'UsersAccountMenu', component: UsersAccountMenu });
diff --git a/packages/example-forum/lib/components/users/UsersAvatar.jsx b/packages/example-forum/lib/components/users/UsersAvatar.jsx
@@ -40,4 +40,4 @@ UsersAvatar.defaultProps = {
 
 UsersAvatar.displayName = 'UsersAvatar';
 
-registerComponent('UsersAvatar', UsersAvatar);
+registerComponent({ name: 'UsersAvatar', component: UsersAvatar });
diff --git a/packages/example-forum/lib/components/users/UsersEditForm.jsx b/packages/example-forum/lib/components/users/UsersEditForm.jsx
@@ -45,4 +45,4 @@ UsersEditForm.contextTypes = {
 
 UsersEditForm.displayName = 'UsersEditForm';
 
-registerComponent('UsersEditForm', UsersEditForm, withMessages, withCurrentUser);
+registerComponent({ name: 'UsersEditForm', component: UsersEditForm, hocs: [withMessages, withCurrentUser] });
diff --git a/packages/example-forum/lib/components/users/UsersMenu.jsx b/packages/example-forum/lib/components/users/UsersMenu.jsx
@@ -58,4 +58,4 @@ UsersMenu.propsTypes = {
   client: PropTypes.object,
 };
 
-registerComponent('UsersMenu', UsersMenu, withCurrentUser, withApollo);
+registerComponent({ name: 'UsersMenu', component: UsersMenu, hocs: [withCurrentUser, withApollo] });
diff --git a/packages/example-forum/lib/components/users/UsersName.jsx b/packages/example-forum/lib/components/users/UsersName.jsx
@@ -12,4 +12,4 @@ UsersName.propTypes = {
 
 UsersName.displayName = 'UsersName';
 
-registerComponent('UsersName', UsersName);
+registerComponent({ name: 'UsersName', component: UsersName });
diff --git a/packages/example-forum/lib/components/users/UsersProfile.jsx b/packages/example-forum/lib/components/users/UsersProfile.jsx
@@ -51,4 +51,4 @@ const options = {
   fragmentName: 'UsersProfile',
 };
 
-registerComponent('UsersProfile', UsersProfile, withCurrentUser, [withDocument, options]);
+registerComponent({ name: 'UsersProfile', component: UsersProfile, hocs: [withCurrentUser, [withDocument, options]] });
diff --git a/packages/example-forum/lib/components/users/UsersProfileCheck.jsx b/packages/example-forum/lib/components/users/UsersProfileCheck.jsx
@@ -79,4 +79,4 @@ const options = {
   fragment: mustCompleteFragment,
 };
 
-registerComponent('UsersProfileCheck', UsersProfileCheck, withMessages, [withDocument, options]);
+registerComponent({ name: 'UsersProfileCheck', component: UsersProfileCheck, hocs: [withMessages, [withDocument, options]] });
diff --git a/packages/example-forum/lib/components/users/UsersSingle.jsx b/packages/example-forum/lib/components/users/UsersSingle.jsx
@@ -7,4 +7,4 @@ const UsersSingle = (props, context) => {
 
 UsersSingle.displayName = "UsersSingle";
 
-registerComponent('UsersSingle', UsersSingle);
+registerComponent({ name: 'UsersSingle', component: UsersSingle });
diff --git a/packages/example-instagram/lib/components/comments/CommentsEditForm.jsx b/packages/example-instagram/lib/components/comments/CommentsEditForm.jsx
@@ -32,4 +32,4 @@ const CommentsEditForm = ({documentId, closeModal}) =>
     }}
   />
 
-registerComponent('CommentsEditForm', CommentsEditForm);
+registerComponent({ name: 'CommentsEditForm', component: CommentsEditForm });
diff --git a/packages/example-instagram/lib/components/comments/CommentsItem.jsx b/packages/example-instagram/lib/components/comments/CommentsItem.jsx
@@ -31,4 +31,4 @@ const CommentsItem = ({comment, currentUser}) =>
 
   </div>
 
-registerComponent('CommentsItem', CommentsItem);
+registerComponent({ name: 'CommentsItem', component: CommentsItem });
diff --git a/packages/example-instagram/lib/components/comments/CommentsList.jsx b/packages/example-instagram/lib/components/comments/CommentsList.jsx
@@ -33,4 +33,4 @@ const options = {
   fragmentName: 'CommentsItemFragment',
 };
 
-registerComponent('CommentsList', CommentsList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'CommentsList', component: CommentsList, hocs: [withCurrentUser, [withList, options]] });
diff --git a/packages/example-instagram/lib/components/comments/CommentsNewForm.jsx b/packages/example-instagram/lib/components/comments/CommentsNewForm.jsx
@@ -26,4 +26,4 @@ const CommentsNewForm = ({picId}) =>
 
   </div>
 
-registerComponent('CommentsNewForm', CommentsNewForm);
+registerComponent({ name: 'CommentsNewForm', component: CommentsNewForm });
diff --git a/packages/example-instagram/lib/components/common/Header.jsx b/packages/example-instagram/lib/components/common/Header.jsx
@@ -71,4 +71,4 @@ const Header = ({currentUser}) =>
 
   </div>
 
-registerComponent('Header', Header, withCurrentUser);
+registerComponent({ name: 'Header', component: Header, hocs: [withCurrentUser] });
diff --git a/packages/example-instagram/lib/components/pics/PicsDetails.jsx b/packages/example-instagram/lib/components/pics/PicsDetails.jsx
@@ -65,4 +65,4 @@ const options = {
   fragmentName: 'PicsDetailsFragment',
 };
 
-registerComponent('PicsDetails', PicsDetails, [withDocument, options]);
+registerComponent({ name: 'PicsDetails', component: PicsDetails, hocs: [[withDocument, options]] });
diff --git a/packages/example-instagram/lib/components/pics/PicsEditForm.jsx b/packages/example-instagram/lib/components/pics/PicsEditForm.jsx
@@ -21,4 +21,4 @@ const PicsEditForm = ({documentId, closeModal}) =>
     }}
   />
 
-registerComponent('PicsEditForm', PicsEditForm);
+registerComponent({ name: 'PicsEditForm', component: PicsEditForm });
diff --git a/packages/example-instagram/lib/components/pics/PicsItem.jsx b/packages/example-instagram/lib/components/pics/PicsItem.jsx
@@ -25,4 +25,4 @@ const PicsItem = ({pic, currentUser}) =>
 
   </div>
 
-registerComponent('PicsItem', PicsItem);
+registerComponent({ name: 'PicsItem', component: PicsItem });
diff --git a/packages/example-instagram/lib/components/pics/PicsList.jsx b/packages/example-instagram/lib/components/pics/PicsList.jsx
@@ -33,4 +33,4 @@ const options = {
   limit: 6
 };
 
-registerComponent('PicsList', PicsList, withCurrentUser, [withList, options]);
+registerComponent({ name: 'PicsList', component: PicsList, hocs: [withCurrentUser, [withList, options]] });