diff --git a/src/webui/components/PackageList/index.js b/src/webui/components/PackageList/index.js
index eabd967a6..60d5036eb 100644
--- a/src/webui/components/PackageList/index.js
+++ b/src/webui/components/PackageList/index.js
@@ -10,7 +10,7 @@ import classes from './packageList.scss';
 export default class PackageList extends React.Component {
   static propTypes = {
     packages: PropTypes.array,
-    help: PropTypes.boolean,
+    help: PropTypes.bool,
   };
 
   renderPackages = () => {
diff --git a/src/webui/pages/detail/index.jsx b/src/webui/pages/detail/index.jsx
index ea88506ca..031aecf12 100644
--- a/src/webui/pages/detail/index.jsx
+++ b/src/webui/pages/detail/index.jsx
@@ -13,7 +13,7 @@ import PackageSidebar from '../../components/PackageSidebar/index';
 export default class Detail extends Component {
   static propTypes = {
     match: PropTypes.object,
-    isUserLoggedIn: PropTypes.boolean,
+    isUserLoggedIn: PropTypes.bool,
   };
 
   state = {
@@ -27,6 +27,7 @@ export default class Detail extends Component {
       params.package
     }`;
   }
+
   get packageName() {
     return this.getPackageName();
   }
diff --git a/src/webui/router.js b/src/webui/router.js
index 91acd78ad..1c0799e7e 100644
--- a/src/webui/router.js
+++ b/src/webui/router.js
@@ -37,10 +37,10 @@ class RouterApp extends Component<IProps, IState> {
     return <HomePage isUserLoggedIn={isUserLoggedIn} packages={packages} />;
   };
 
-  renderDetailPage = () => {
+  renderDetailPage = (routerProps: any) => {
     const { isUserLoggedIn } = this.props;
 
-    return <DetailPackage {...this.props} isUserLoggedIn={isUserLoggedIn} />;
+    return <DetailPackage {...routerProps} isUserLoggedIn={isUserLoggedIn} />;
   };
 }