update #37, update any

Author: GrayStrider

app/containers/App/actions.ts

@@ -1,10 +1,10 @@
 import { action } from 'typesafe-actions';
-// import {} from './types';
 
 import ActionTypes from './constants';
+import { Repo } from '../RepoListItem/types';
 
 export const loadRepos = () => action(ActionTypes.LOAD_REPOS);
-export const reposLoaded = (repos: any[], username: string) =>
+export const reposLoaded = (repos: Repo[], username: string) =>
   action(ActionTypes.LOAD_REPOS_SUCCESS, { repos: repos, username: username });
 export const repoLoadingError = (error: object) =>
   action(ActionTypes.LOAD_REPOS_ERROR, error);

app/containers/App/tests/actions.test.ts

@@ -2,6 +2,7 @@ import ActionTypes from '../constants';
 
 import { loadRepos, reposLoaded, repoLoadingError } from '../actions';
 import { action } from 'typesafe-actions';
+import { Repo } from '../../RepoListItem/types';
 
 describe('App Actions', () => {
   describe('loadRepos', () => {
@@ -16,7 +17,7 @@ describe('App Actions', () => {
 
   describe('reposLoaded', () => {
     it('should return the correct type and the passed repos', () => {
-      const fixture = ['Test'];
+      const fixture = [{}] as Repo[];
       const username = 'test';
       const expectedResult = action(
         ActionTypes.LOAD_REPOS_SUCCESS,

app/containers/App/tests/reducer.test.ts

@@ -1,6 +1,7 @@
 import appReducer from '../reducer';
 import { loadRepos, reposLoaded, repoLoadingError } from '../actions';
 import { ContainerState } from '../types';
+import { Repo } from '../../RepoListItem/types';
 
 describe('appReducer', () => {
   let state: ContainerState;
@@ -37,7 +38,7 @@ describe('appReducer', () => {
       {
         name: 'My Repo',
       },
-    ];
+    ] as Repo[];
     const username = 'test';
     const expectedResult = {
       currentUser: username,

app/containers/HomePage/tests/saga.test.ts

@@ -8,6 +8,7 @@ import ActionTypes from 'containers/App/constants';
 import { reposLoaded, repoLoadingError } from 'containers/App/actions';
 
 import githubData, { getRepos } from '../saga';
+import { Repo } from '../../RepoListItem/types';
 
 const username = 'mxstbr';
 
@@ -34,7 +35,7 @@ describe('getRepos Saga', () => {
       {
         name: 'Second repo',
       },
-    ];
+    ] as Repo[];
     const putDescriptor = getReposGenerator.next(response).value;
     expect(putDescriptor).toEqual(put(reposLoaded(response, username)));
   });

app/utils/injectSaga.tsx

@@ -26,7 +26,7 @@ export default function hocWithSaga<P>({ key, saga, mode }: InjectSagaParams) {
       public static WrappedComponent = WrappedComponent;
 
       // public static contextType = ReactReduxContext;
-      public injectors: any;
+      public injectors: ReturnType<typeof getInjectors>;
 
       public static displayName = `withSaga(${WrappedComponent.displayName ||
         WrappedComponent.name ||

app/utils/loadable.tsx

@@ -9,7 +9,7 @@ const loadable = <T extends React.ComponentType<any>>(
 ) => {
   const LazyComponent = lazy(importFunc);
 
-  return (props: any) => (
+  return (props: React.ComponentProps<T>): JSX.Element => (
     <Suspense fallback={fallback}>
       <LazyComponent {...props} />
     </Suspense>