redirect instead of showing siblings of child

src/components/theme/View/RedirectView.jsx

@@ -0,0 +1,53 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { Redirect } from 'react-router-dom';
+
+class RedirectView extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      redirect: false,
+    };
+    console.log('topicsView');
+  }
+  static propTypes = {
+    content: PropTypes.shape({
+      title: PropTypes.string,
+
+      description: PropTypes.string,
+
+      items: PropTypes.arrayOf(
+        PropTypes.shape({
+          title: PropTypes.string,
+          description: PropTypes.string,
+          url: PropTypes.string,
+          image: PropTypes.object,
+          image_caption: PropTypes.string,
+          '@type': PropTypes.string,
+        }),
+      ),
+    }).isRequired,
+  };
+
+  componentDidMount() {
+    const mainItem = this.props.content.items[0];
+    const mainUrl = mainItem && mainItem.url;
+    console.log('mainitem,mainurl', mainItem, mainUrl);
+    if (__CLIENT__ && mainUrl && window) {
+      this.setState({ redirect: mainUrl });
+    } else {
+      this.setState({ redirect: false });
+    }
+  }
+
+  render() {
+    console.log('redirect state', this.state.redirect);
+    if (this.state.redirect) {
+      return <Redirect to={{ pathname: this.state.redirect }} />;
+    } else {
+      return '';
+    }
+  }
+}
+
+export default RedirectView;

src/localconfig.js

@@ -1,5 +1,6 @@
 
 import TabsView from '~/components/theme/View/TabsView';
+import RedirectView from '~/components/theme/View/RedirectView';
 
 import ChildrenListView from '~/components/manage/Blocks/DetailedLink/View';
 import ChildrenListEdit from '~/components/manage/Blocks/DetailedLink/Edit';
@@ -11,6 +12,8 @@ console.log('config', config)
     layoutViews: {
       ...config.views.layoutViews,
       tabs_view: TabsView,
+      redirect_view: RedirectView,
+
     },
   };
 
@@ -25,14 +28,6 @@ console.log('config', config)
     icon: config.blocks.blocksConfig.text.icon,
   };
 
-  // config.blocks.blocksConfig.collection_block = {
-  //   id: 'collection_block',
-  //   title: 'Collection Listing',
-  //   view: CollectionBlockView,
-  //   edit: CollectionBlockEdit,
-  //   icon: chartIcon,
-  //   group: 'custom_addons',
-  // };
   return config;
 }