fix: added packageMeta type

src/components/PackageList/PackageList.tsx

@@ -1,25 +1,21 @@
-import React, { Fragment } from 'react';
-import PropTypes from 'prop-types';
+import React, { Fragment, ReactElement } from 'react';
 
 import Divider from '@material-ui/core/Divider';
 
 import Package from '../Package';
 import Help from '../Help';
 import { formatLicense } from '../../utils/package';
+import { PackageInterface } from '../Package/Package';
 
 // @ts-ignore
 import classes from './packageList.scss';
 
 interface Props {
-  packages: any;
+  packages: PackageInterface[];
 }
 
 export default class PackageList extends React.Component<Props, {}> {
-  static propTypes = {
-    packages: PropTypes.array,
-  };
-
-  render() {
+  public render(): ReactElement<HTMLElement> {
     return (
       <div className={'package-list-items'}>
         <div className={classes.pkgContainer}>{this.hasPackages() ? this.renderPackages() : <Help />}</div>
@@ -27,20 +23,19 @@ export default class PackageList extends React.Component<Props, {}> {
     );
   }
 
-  hasPackages() {
+  private hasPackages(): boolean {
     const { packages } = this.props;
     return packages.length > 0;
   }
 
-  renderPackages = () => {
+  private renderPackages = () => {
     return <>{this.renderList()}</>;
   };
 
-  renderList = () => {
+  private renderList = () => {
     const { packages } = this.props;
     return packages.map((pkg, i) => {
-      const { name, version, description, time, keywords, dist, homepage, bugs } = pkg;
-      const author = pkg.author;
+      const { name, version, description, time, keywords, dist, homepage, bugs, author } = pkg;
       // TODO: move format license to API side.
       const license = formatLicense(pkg.license);
       return (