Fix: initialize type checker

Author: winverse

package.json

@@ -248,7 +248,7 @@
       "@loadable/babel-plugin"
     ]
   },
-  "proxy": "https://v2cdn.velog.io/",
+  "proxy": "http://localhost:5001",
   "devDependencies": {
     "@loadable/webpack-plugin": "^5.15.1"
   }

src/components/auth/AuthForm.tsx

@@ -56,12 +56,12 @@ const AuthFormBlock = styled.div`
   }
 `;
 
-const Warning = styled.div`
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-  font-size: 0.875rem;
-  color: ${themedPalette.text3};
-`;
+// const Warning = styled.div`
+//   margin-top: 1rem;
+//   margin-bottom: 1rem;
+//   font-size: 0.875rem;
+//   color: ${themedPalette.text3};
+// `;
 
 export interface AuthFormProps {
   mode: AuthMode;

src/components/common/AdFeed.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef } from 'react';
 import styled from 'styled-components';
 import { mediaQuery } from '../../lib/styles/media';
 import gtag from '../../lib/gtag';

src/components/common/MarkdownRender.tsx

@@ -13,7 +13,6 @@ import media from '../../lib/styles/media';
 import parse from 'html-react-parser';
 import { throttle } from 'throttle-debounce';
 import sanitize from 'sanitize-html';
-import palette from '../../lib/styles/palette';
 import math from 'remark-math';
 import remark2rehype from 'remark-rehype';
 import katex from 'rehype-katex';

src/components/common/PostCardGrid.tsx

@@ -28,6 +28,7 @@ function PostCardGrid({ posts, loading, forHome, forPost }: PostCardGridProps) {
   }, []);
 
   const postsWithAds = useMemo(() => {
+    // eslint-disable-next-line
     if (1 === 1) return posts; // disable adsense
     if (user) return posts; // hide ads to users
     if (adBlocked) return posts;

src/components/user-integrate/UserIntegrateTemplate.tsx

@@ -22,7 +22,7 @@ function UserIntegrateTemplate() {
   const location = useLocation();
   const query = qs.parse(location.search, { ignoreQueryPrefix: true });
   const integrateState = query.state ?? '';
-  const [_sendAuthEmail, loading, data, , resetSendAuthEmail] =
+  const [_sendAuthEmail, loading, data] =
     useRequest<SendAuthEmailResponse>(sendAuthEmail);
 
   const [acceptIntegration] =

src/lib/hooks/useInputs.tsx

@@ -1,17 +1,16 @@
 import { useReducer, useCallback } from 'react';
 
-type DefaultValues = {
-  [key: string]: string;
-};
-
 type UseInputsAction = {
   name: string;
   value: string;
 };
-function reducer<T>(state: T, action: UseInputsAction | null) {
+function reducer<T extends Record<string, string>>(
+  state: T,
+  action: UseInputsAction | null,
+) {
   if (!action) {
     const initialState: any = {};
-    Object.keys(state).forEach(key => {
+    Object.keys(state).forEach((key) => {
       initialState[key] = '';
     });
     return initialState;
@@ -36,6 +35,6 @@ export default function useInputs<T>(defaultValues: T) {
     T,
     typeof onChange,
     typeof onReset,
-    typeof dispatch
+    typeof dispatch,
   ];
 }