fix: @typescript-eslint/no-explicit-any

src/App/App.tsx

@@ -20,10 +20,12 @@ export const AppContext = React.createContext<{}>({});
 export const AppContextProvider = AppContext.Provider;
 export const AppContextConsumer = AppContext.Consumer;
 
-interface AppStateInterface {
+export interface AppStateInterface {
   error?: FormError;
   logoUrl: string;
-  user: {};
+  user: {
+    username?: string;
+  };
   scope: string;
   showLoginModal: boolean;
   isUserLoggedIn: boolean;

src/components/Header/Header.tsx

@@ -22,7 +22,7 @@ import RegistryInfoContent from '../RegistryInfoContent/RegistryInfoContent';
 import { Greetings, NavBar, InnerNavBar, MobileNavBar, InnerMobileNavBar, LeftSide, RightSide, IconSearchButton, SearchWrapper } from './styles';
 
 interface Props {
-  logo: string;
+  logo?: string;
   username?: string;
   onLogout: () => void;
   onToggleLoginModal: () => void;

src/components/Icon/Icon.tsx

@@ -61,7 +61,7 @@ export interface Props {
   size?: Breakpoint;
   pointer?: boolean;
   img?: boolean;
-  // modifiers?: null | undefined;
+  modifiers?: null | undefined;
 }
 
 const Icon: React.FC<Props> = ({ className, name, size = 'sm', img = false, pointer = false, ...props }) => {

src/components/Icon/styles.ts

@@ -36,8 +36,8 @@ export const Svg = styled('svg')`
 export const ImgWrapper: StyledOtherComponent<
   {
     size?: Breakpoint;
-    pointer: any;
+    pointer: boolean;
-    modifiers?: any;
+    modifiers?: null | undefined;
     name?: string | unknown;
   },
   DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>,

src/components/Label/Label.tsx

@@ -6,7 +6,7 @@ interface Props {
   text: string;
   capitalize?: boolean;
   weight?: string;
-  modifiers?: any;
+  modifiers?: null | undefined;
 }
 
 const Wrapper = styled('div')`

src/components/Versions/Versions.tsx

@@ -19,7 +19,7 @@ class Versions extends React.PureComponent {
     );
   }
 
-  public renderPackageList = (packages: any, isVersion: boolean = false, timeMap: Record<string, any> = {}): ReactElement<HTMLDivElement> => {
+  public renderPackageList = (packages: {}, isVersion: boolean = false, timeMap: Record<string, {}> = {}): ReactElement<HTMLDivElement> => {
     return (
       <List>
         {Object.keys(packages)

src/router.tsx

@@ -2,7 +2,7 @@
 
 import React, { Component, ReactElement } from 'react';
 import { Router, Route, Switch } from 'react-router-dom';
-import { AppContextConsumer } from './App/App';
+import { AppContextConsumer, AppStateInterface } from './App/App';
 
 import { asyncComponent } from './utils/asyncComponent';
 import history from './history';
@@ -39,8 +39,8 @@ class RouterApp extends Component<RouterAppProps> {
 
     return (
       <AppContextConsumer>
-        {function renderConsumerVersionPage({ logoUrl, scope, user }: any) {
+        {function renderConsumerVersionPage({ logoUrl, scope = '', user }: Partial<AppStateInterface>) {
-          return <Header logo={logoUrl} onLogout={onLogout} onToggleLoginModal={onToggleLoginModal} scope={scope} username={user.username} />;
+          return <Header logo={logoUrl} onLogout={onLogout} onToggleLoginModal={onToggleLoginModal} scope={scope} username={user && user.username} />;
         }}
       </AppContextConsumer>
     );
@@ -49,7 +49,7 @@ class RouterApp extends Component<RouterAppProps> {
   public renderHomePage = (): ReactElement<HTMLDivElement> => {
     return (
       <AppContextConsumer>
-        {function renderConsumerVersionPage({ isUserLoggedIn, packages }: any) {
+        {function renderConsumerVersionPage({ isUserLoggedIn, packages }: Partial<AppStateInterface>) {
           // @ts-ignore
           return <HomePage isUserLoggedIn={isUserLoggedIn} packages={packages} />;
         }}
@@ -57,10 +57,10 @@ class RouterApp extends Component<RouterAppProps> {
     );
   };
 
-  public renderVersionPage = (routerProps: any): ReactElement<HTMLDivElement> => {
+  public renderVersionPage = (routerProps): ReactElement<HTMLDivElement> => {
     return (
       <AppContextConsumer>
-        {function renderConsumerVersionPage({ isUserLoggedIn }: any) {
+        {function renderConsumerVersionPage({ isUserLoggedIn }: Partial<AppStateInterface>) {
           return <VersionPackage {...routerProps} isUserLoggedIn={isUserLoggedIn} />;
         }}
       </AppContextConsumer>

src/utils/cli-utils.ts

@@ -1,6 +1,6 @@
 import { SyntheticEvent } from 'react';
 
-export const copyToClipBoardUtility = (str: string): any => (event: SyntheticEvent<HTMLElement>): void => {
+export const copyToClipBoardUtility = (str: string): ((e: SyntheticEvent<HTMLElement>) => void) => (event: SyntheticEvent<HTMLElement>): void => {
   event.preventDefault();
 
   const node = document.createElement('div');