diff --git a/src/webui/components/Dependencies/index.js b/src/webui/components/Dependencies/index.js
index 8d7387239..aa248b8dd 100644
--- a/src/webui/components/Dependencies/index.js
+++ b/src/webui/components/Dependencies/index.js
@@ -7,7 +7,7 @@
 
 import React, { Component, Fragment } from 'react';
 import { withRouter } from 'react-router-dom';
-import CardContent from '@material-ui/core/CardContent';
+import CardContent from '@material-ui/core/CardContent/index';
 
 import { DetailContextConsumer } from '../../pages/version';
 import { Content, CardWrap, Heading, Tags, Tag } from './styles';
@@ -41,7 +41,7 @@ class DepDetail extends Component<any, any> {
 const WrappDepDetail = withRouter(DepDetail);
 
 class DependencyBlock extends Component<any, any> {
-  renderTags = (deps: object, enableLoading: boolean) =>
+  renderTags = (deps: any, enableLoading: any) =>
     deps.map(dep => {
       const [name, version] = dep;
 
diff --git a/src/webui/components/Dependencies/styles.js b/src/webui/components/Dependencies/styles.js
index d867c221b..69c346efb 100644
--- a/src/webui/components/Dependencies/styles.js
+++ b/src/webui/components/Dependencies/styles.js
@@ -4,9 +4,9 @@
  */
 
 import styled from 'react-emotion';
-import Card from '@material-ui/core/Card';
-import Typography from '@material-ui/core/Typography';
-import Chip from '@material-ui/core/Chip';
+import Card from '@material-ui/core/Card/index';
+import Typography from '@material-ui/core/Typography/index';
+import Chip from '@material-ui/core/Chip/index';
 
 export const Content = styled.div`
   && {
diff --git a/src/webui/components/UpLinks/index.js b/src/webui/components/UpLinks/index.js
index 828c18742..6e76e4185 100644
--- a/src/webui/components/UpLinks/index.js
+++ b/src/webui/components/UpLinks/index.js
@@ -6,13 +6,20 @@
 import { DetailContextConsumer } from '../../pages/version/index';
 import { formatDateDistance } from '../../utils/package';
 import { Heading, Spacer, ListItemText } from './styles';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
+import List from '@material-ui/core/List/index';
+import ListItem from '@material-ui/core/ListItem/index';
 import React from 'react';
 
-class UpLinks extends React.PureComponent {
+class UpLinks extends React.PureComponent<any> {
   render() {
-    return <DetailContextConsumer>{({ packageMeta }) => this.renderContent(packageMeta._uplinks)}</DetailContextConsumer>;
+    return (
+      // $FlowFixMe
+      <DetailContextConsumer>
+        {({ packageMeta }) => {
+          return this.renderContent(packageMeta._uplinks);
+        }}
+      </DetailContextConsumer>
+    );
   }
 
   renderUpLinksList = (uplinks: object) => (