diff --git a/docs/guide/dom.en-US.md b/docs/guide/dom.en-US.md
index d939f0c4d7..8a578ad4c5 100644
--- a/docs/guide/dom.en-US.md
+++ b/docs/guide/dom.en-US.md
@@ -8,7 +8,7 @@ Most of the DOM Hooks will receive the `target` parameter, which indicates the e
 
 ```ts
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const isHovering = useHover(ref);
   return <div ref={ref}>{isHovering ? 'hover' : 'leaveHover'}</div>;
 };
@@ -38,8 +38,8 @@ In addition, **the `target` of DOM Hooks supports dynamic changes**. for example
 export default () => {
   const [boolean, { toggle }] = useBoolean();
 
-  const ref = useRef();
-  const ref2 = useRef();
+  const ref = useRef(null);
+  const ref2 = useRef(null);
 
   const isHovering = useHover(boolean ? ref : ref2);
   return (
diff --git a/docs/guide/dom.zh-CN.md b/docs/guide/dom.zh-CN.md
index 16101d56ae..078ba2e25e 100644
--- a/docs/guide/dom.zh-CN.md
+++ b/docs/guide/dom.zh-CN.md
@@ -8,7 +8,7 @@ ahooks 大部分 DOM 类 Hooks 都会接收 `target` 参数，表示要处理的
 
 ```ts
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const isHovering = useHover(ref);
   return <div ref={ref}>{isHovering ? 'hover' : 'leaveHover'}</div>;
 };
@@ -38,8 +38,8 @@ export default () => {
 export default () => {
   const [boolean, { toggle }] = useBoolean();
 
-  const ref = useRef();
-  const ref2 = useRef();
+  const ref = useRef(null);
+  const ref2 = useRef(null);
 
   const isHovering = useHover(boolean ? ref : ref2);
   return (
diff --git a/gulpfile.js b/gulpfile.js
index 00c4a319b2..e7e4507ba2 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -10,7 +10,7 @@ gulp.task('clean', async function () {
 });
 
 gulp.task('cjs', function () {
-  const tsProject = ts.createProject('tsconfig.json', {
+  const tsProject = ts.createProject('tsconfig.pro.json', {
     module: 'CommonJS',
   });
   return tsProject
@@ -25,7 +25,7 @@ gulp.task('cjs', function () {
 });
 
 gulp.task('es', function () {
-  const tsProject = ts.createProject('tsconfig.json', {
+  const tsProject = ts.createProject('tsconfig.pro.json', {
     module: 'ESNext',
   });
   return tsProject
@@ -40,7 +40,7 @@ gulp.task('es', function () {
 });
 
 gulp.task('declaration', function () {
-  const tsProject = ts.createProject('tsconfig.json', {
+  const tsProject = ts.createProject('tsconfig.pro.json', {
     declaration: true,
     emitDeclarationOnly: true,
   });
diff --git a/packages/hooks/src/global.d.ts b/packages/hooks/src/global.d.ts
new file mode 100644
index 0000000000..52c0a4f605
--- /dev/null
+++ b/packages/hooks/src/global.d.ts
@@ -0,0 +1,5 @@
+declare module '*.jpg';
+
+interface Window {
+  TEST_SCRIPT?: any;
+}
diff --git a/packages/hooks/src/useAsyncEffect/demo/demo1.tsx b/packages/hooks/src/useAsyncEffect/demo/demo1.tsx
index 73f9487fda..89d2ae1359 100644
--- a/packages/hooks/src/useAsyncEffect/demo/demo1.tsx
+++ b/packages/hooks/src/useAsyncEffect/demo/demo1.tsx
@@ -18,7 +18,7 @@ function mockCheck(): Promise<boolean> {
 }
 
 export default () => {
-  const [pass, setPass] = useState<boolean>(null);
+  const [pass, setPass] = useState<boolean>();
 
   useAsyncEffect(async () => {
     setPass(await mockCheck());
diff --git a/packages/hooks/src/useAsyncEffect/demo/demo2.tsx b/packages/hooks/src/useAsyncEffect/demo/demo2.tsx
index 209c8a0ef2..a84b931ac6 100644
--- a/packages/hooks/src/useAsyncEffect/demo/demo2.tsx
+++ b/packages/hooks/src/useAsyncEffect/demo/demo2.tsx
@@ -19,11 +19,11 @@ function mockCheck(val: string): Promise<boolean> {
 
 export default () => {
   const [value, setValue] = useState('');
-  const [pass, setPass] = useState<boolean>(null);
+  const [pass, setPass] = useState<boolean>();
 
   useAsyncEffect(
     async function* () {
-      setPass(null);
+      setPass(undefined);
       const result = await mockCheck(value);
       yield; // Check whether the effect is still valid, if it is has been cleaned up, stop at here.
       setPass(result);
diff --git a/packages/hooks/src/useClickAway/demo/demo1.tsx b/packages/hooks/src/useClickAway/demo/demo1.tsx
index 1b64a5aac2..6232f37399 100644
--- a/packages/hooks/src/useClickAway/demo/demo1.tsx
+++ b/packages/hooks/src/useClickAway/demo/demo1.tsx
@@ -11,7 +11,7 @@ import { useClickAway } from 'ahooks';
 
 export default () => {
   const [counter, setCounter] = useState(0);
-  const ref = useRef<HTMLButtonElement>();
+  const ref = useRef<HTMLButtonElement>(null);
   useClickAway(() => {
     setCounter((s) => s + 1);
   }, ref);
diff --git a/packages/hooks/src/useClickAway/demo/demo3.tsx b/packages/hooks/src/useClickAway/demo/demo3.tsx
index 0d6fdaa9ab..c7c0cdd5bd 100644
--- a/packages/hooks/src/useClickAway/demo/demo3.tsx
+++ b/packages/hooks/src/useClickAway/demo/demo3.tsx
@@ -11,8 +11,8 @@ import { useClickAway } from 'ahooks';
 
 export default () => {
   const [counter, setCounter] = useState(0);
-  const ref1 = useRef();
-  const ref2 = useRef();
+  const ref1 = useRef(null);
+  const ref2 = useRef(null);
   useClickAway(() => {
     setCounter((s) => s + 1);
   }, [ref1, ref2]);
diff --git a/packages/hooks/src/useClickAway/demo/demo4.tsx b/packages/hooks/src/useClickAway/demo/demo4.tsx
index d37aea4417..b1fb69f832 100644
--- a/packages/hooks/src/useClickAway/demo/demo4.tsx
+++ b/packages/hooks/src/useClickAway/demo/demo4.tsx
@@ -11,7 +11,7 @@ import { useClickAway } from 'ahooks';
 
 export default () => {
   const [counter, setCounter] = useState(0);
-  const ref = useRef<HTMLButtonElement>();
+  const ref = useRef<HTMLButtonElement>(null);
   useClickAway(
     () => {
       setCounter((s) => s + 1);
diff --git a/packages/hooks/src/useClickAway/demo/demo5.tsx b/packages/hooks/src/useClickAway/demo/demo5.tsx
index 26758e0cbe..78a1f443fe 100644
--- a/packages/hooks/src/useClickAway/demo/demo5.tsx
+++ b/packages/hooks/src/useClickAway/demo/demo5.tsx
@@ -11,7 +11,7 @@ import { useClickAway } from 'ahooks';
 
 export default () => {
   const [counter, setCounter] = useState(0);
-  const ref = useRef();
+  const ref = useRef(null);
   useClickAway(
     () => {
       setCounter((s) => s + 1);
diff --git a/packages/hooks/src/useDrop/demo/demo1.tsx b/packages/hooks/src/useDrop/demo/demo1.tsx
index 2eabf142fe..bcbf2032b7 100644
--- a/packages/hooks/src/useDrop/demo/demo1.tsx
+++ b/packages/hooks/src/useDrop/demo/demo1.tsx
@@ -10,7 +10,7 @@ import React, { useRef, useState } from 'react';
 import { useDrop, useDrag } from 'ahooks';
 
 const DragItem = ({ data }) => {
-  const dragRef = useRef();
+  const dragRef = useRef(null);
 
   const [dragging, setDragging] = useState(false);
 
@@ -42,7 +42,7 @@ const DragItem = ({ data }) => {
 export default () => {
   const [isHovering, setIsHovering] = useState(false);
 
-  const dropRef = useRef();
+  const dropRef = useRef(null);
 
   useDrop(dropRef, {
     onText: (text, e) => {
diff --git a/packages/hooks/src/useEventListener/demo/demo1.tsx b/packages/hooks/src/useEventListener/demo/demo1.tsx
index 2b1b647667..a404b56337 100644
--- a/packages/hooks/src/useEventListener/demo/demo1.tsx
+++ b/packages/hooks/src/useEventListener/demo/demo1.tsx
@@ -11,7 +11,7 @@ import { useEventListener } from 'ahooks';
 
 export default () => {
   const [value, setValue] = useState(0);
-  const ref = useRef();
+  const ref = useRef(null);
 
   useEventListener(
     'click',
diff --git a/packages/hooks/src/useExternal/demo/demo1.tsx b/packages/hooks/src/useExternal/demo/demo1.tsx
index c794484c72..b12f8dda5b 100644
--- a/packages/hooks/src/useExternal/demo/demo1.tsx
+++ b/packages/hooks/src/useExternal/demo/demo1.tsx
@@ -22,7 +22,7 @@ export default () => {
         Status: <b>{status}</b>
       </p>
       <p>
-        Response: <i>{status === 'ready' ? TEST_SCRIPT?.start() : '-'}</i>
+        Response: <i>{status === 'ready' ? window.TEST_SCRIPT?.start() : '-'}</i>
       </p>
     </>
   );
diff --git a/packages/hooks/src/useFocusWithin/demo/demo1.tsx b/packages/hooks/src/useFocusWithin/demo/demo1.tsx
index 6e654bebea..5482cdcb6d 100644
--- a/packages/hooks/src/useFocusWithin/demo/demo1.tsx
+++ b/packages/hooks/src/useFocusWithin/demo/demo1.tsx
@@ -11,7 +11,7 @@ import { useFocusWithin } from 'ahooks';
 import { message } from 'antd';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const isFocusWithin = useFocusWithin(ref, {
     onFocus: () => {
       message.info('focus');
diff --git a/packages/hooks/src/useFullscreen/demo/demo1.tsx b/packages/hooks/src/useFullscreen/demo/demo1.tsx
index 30c5f6f09f..e16de570da 100644
--- a/packages/hooks/src/useFullscreen/demo/demo1.tsx
+++ b/packages/hooks/src/useFullscreen/demo/demo1.tsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { useFullscreen } from 'ahooks';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const [isFullscreen, { enterFullscreen, exitFullscreen, toggleFullscreen }] = useFullscreen(ref);
   return (
     <div ref={ref} style={{ background: 'white' }}>
diff --git a/packages/hooks/src/useHistoryTravel/demo/demo2.tsx b/packages/hooks/src/useHistoryTravel/demo/demo2.tsx
index 2a2ac1e940..060d7a0d3a 100644
--- a/packages/hooks/src/useHistoryTravel/demo/demo2.tsx
+++ b/packages/hooks/src/useHistoryTravel/demo/demo2.tsx
@@ -10,9 +10,16 @@ import { useHistoryTravel } from 'ahooks';
 import React, { useState } from 'react';
 
 export default () => {
-  const { value, setValue, backLength, forwardLength, back, forward, go, reset } = useHistoryTravel(
-    ['do homework'],
-  );
+  const {
+    value = [],
+    setValue,
+    backLength,
+    forwardLength,
+    back,
+    forward,
+    go,
+    reset,
+  } = useHistoryTravel(['do homework']);
 
   const [inputValue, setInputValue] = useState('');
   const [step, setStep] = useState(-1);
diff --git a/packages/hooks/src/useHover/demo/demo1.tsx b/packages/hooks/src/useHover/demo/demo1.tsx
index 0718e9e446..36ffb0fb4d 100644
--- a/packages/hooks/src/useHover/demo/demo1.tsx
+++ b/packages/hooks/src/useHover/demo/demo1.tsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { useHover } from 'ahooks';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const isHovering = useHover(ref);
   return <div ref={ref}>{isHovering ? 'hover' : 'leaveHover'}</div>;
 };
diff --git a/packages/hooks/src/useInViewport/demo/demo1.tsx b/packages/hooks/src/useInViewport/demo/demo1.tsx
index 4533cf6b9b..fc518cf312 100644
--- a/packages/hooks/src/useInViewport/demo/demo1.tsx
+++ b/packages/hooks/src/useInViewport/demo/demo1.tsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { useInViewport } from 'ahooks';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const [inViewport] = useInViewport(ref);
   return (
     <div>
diff --git a/packages/hooks/src/useInfiniteScroll/demo/mutate.tsx b/packages/hooks/src/useInfiniteScroll/demo/mutate.tsx
index 59db1fb7e7..73c6c97d70 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/mutate.tsx
+++ b/packages/hooks/src/useInfiniteScroll/demo/mutate.tsx
@@ -46,9 +46,11 @@ export default () => {
   } = useRequest(deleteItem, {
     manual: true,
     onSuccess: (_, [id]) => {
-      const index = data.list.findIndex((i) => i === id);
-      data.list.splice(index, 1);
-      mutate({ ...data });
+      if (data) {
+        const index = data.list.findIndex((i) => i === id);
+        data?.list.splice(index, 1);
+        mutate({ ...data });
+      }
     },
   });
 
diff --git a/packages/hooks/src/useInfiniteScroll/demo/scroll.tsx b/packages/hooks/src/useInfiniteScroll/demo/scroll.tsx
index 167a18f632..d0a04643e8 100644
--- a/packages/hooks/src/useInfiniteScroll/demo/scroll.tsx
+++ b/packages/hooks/src/useInfiniteScroll/demo/scroll.tsx
@@ -27,7 +27,7 @@ function getLoadMoreList(nextId: string | undefined, limit: number): Promise<Res
 }
 
 export default () => {
-  const ref = useRef<HTMLDivElement>();
+  const ref = useRef<HTMLDivElement>(null);
 
   const { data, loading, loadMore, loadingMore, noMore } = useInfiniteScroll(
     (d) => getLoadMoreList(d?.nextId, 4),
diff --git a/packages/hooks/src/useInterval/demo/demo2.tsx b/packages/hooks/src/useInterval/demo/demo2.tsx
index 8299551052..7780e641b5 100644
--- a/packages/hooks/src/useInterval/demo/demo2.tsx
+++ b/packages/hooks/src/useInterval/demo/demo2.tsx
@@ -11,7 +11,7 @@ import { useInterval } from 'ahooks';
 
 export default () => {
   const [count, setCount] = useState(0);
-  const [interval, setInterval] = useState(1000);
+  const [interval, setInterval] = useState<number | undefined>(1000);
 
   useInterval(() => {
     setCount(count + 1);
diff --git a/packages/hooks/src/useKeyPress/demo/demo5.tsx b/packages/hooks/src/useKeyPress/demo/demo5.tsx
index 946d421cd5..6fc5536a75 100644
--- a/packages/hooks/src/useKeyPress/demo/demo5.tsx
+++ b/packages/hooks/src/useKeyPress/demo/demo5.tsx
@@ -13,7 +13,7 @@ import React, { useState, useRef } from 'react';
 import { useKeyPress } from 'ahooks';
 
 export default () => {
-  const inputRef = useRef();
+  const inputRef = useRef(null);
 
   const [text, setText] = useState('');
   const [textRef, setTextRef] = useState('');
diff --git a/packages/hooks/src/useLongPress/demo/demo1.tsx b/packages/hooks/src/useLongPress/demo/demo1.tsx
index 15ed62a43f..9a83291b4d 100644
--- a/packages/hooks/src/useLongPress/demo/demo1.tsx
+++ b/packages/hooks/src/useLongPress/demo/demo1.tsx
@@ -11,7 +11,7 @@ import { useLongPress } from 'ahooks';
 
 export default () => {
   const [counter, setCounter] = useState(0);
-  const ref = useRef<HTMLButtonElement>();
+  const ref = useRef<HTMLButtonElement>(null);
 
   useLongPress(() => setCounter((s) => s + 1), ref);
 
diff --git a/packages/hooks/src/useLongPress/demo/demo2.tsx b/packages/hooks/src/useLongPress/demo/demo2.tsx
index c5d63e62fb..dadee3a1e6 100644
--- a/packages/hooks/src/useLongPress/demo/demo2.tsx
+++ b/packages/hooks/src/useLongPress/demo/demo2.tsx
@@ -5,7 +5,7 @@ export default () => {
   const [pressCounter, setPressCounter] = useState(0);
   const [clickCounter, setClickCounter] = useState(0);
 
-  const ref = useRef<HTMLButtonElement>();
+  const ref = useRef<HTMLButtonElement>(null);
 
   useLongPress(() => setPressCounter((s) => s + 1), ref, {
     onClick: () => setClickCounter((s) => s + 1),
diff --git a/packages/hooks/src/useMouse/demo/demo2.tsx b/packages/hooks/src/useMouse/demo/demo2.tsx
index a3097c18a0..338f25a690 100644
--- a/packages/hooks/src/useMouse/demo/demo2.tsx
+++ b/packages/hooks/src/useMouse/demo/demo2.tsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { useMouse } from 'ahooks';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const mouse = useMouse(ref.current);
 
   return (
diff --git a/packages/hooks/src/usePagination/demo/demo4.tsx b/packages/hooks/src/usePagination/demo/demo4.tsx
index 678f0a1bdc..c829ce9145 100644
--- a/packages/hooks/src/usePagination/demo/demo4.tsx
+++ b/packages/hooks/src/usePagination/demo/demo4.tsx
@@ -74,7 +74,7 @@ const PaginationComponent = () => {
     run(
       {
         current: 1,
-        pageSize: params[0]?.pageSize,
+        pageSize: params[0]?.pageSize || 10,
       },
       gender,
     );
diff --git a/packages/hooks/src/useReactive/demo/demo2.tsx b/packages/hooks/src/useReactive/demo/demo2.tsx
index 4b84cbca53..9e72f1ab0d 100644
--- a/packages/hooks/src/useReactive/demo/demo2.tsx
+++ b/packages/hooks/src/useReactive/demo/demo2.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { useReactive } from 'ahooks';
 
 export default () => {
-  const state = useReactive({
+  const state = useReactive<{ arr: number[] }>({
     arr: [],
   });
 
diff --git a/packages/hooks/src/useRequest/doc/basic/demo/formatResult.tsx b/packages/hooks/src/useRequest/doc/basic/demo/formatResult.tsx
deleted file mode 100644
index 79ada1e3e7..0000000000
--- a/packages/hooks/src/useRequest/doc/basic/demo/formatResult.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { useRequest } from 'ahooks';
-import Mock from 'mockjs';
-import React from 'react';
-
-function getUsername(): Promise<{ username: string }> {
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      resolve({
-        username: Mock.mock('@name'),
-      });
-    }, 1000);
-  });
-}
-
-export default () => {
-  const { data, loading } = useRequest(getUsername, {
-    formatResult: (res) => res.username,
-  });
-
-  if (loading) {
-    return <div>loading...</div>;
-  }
-  return <div>Username: {data}</div>;
-};
diff --git a/packages/hooks/src/useRequest/doc/basic/demo/params.tsx b/packages/hooks/src/useRequest/doc/basic/demo/params.tsx
index ca039a138d..da3763468e 100644
--- a/packages/hooks/src/useRequest/doc/basic/demo/params.tsx
+++ b/packages/hooks/src/useRequest/doc/basic/demo/params.tsx
@@ -2,7 +2,7 @@ import { useRequest } from 'ahooks';
 import Mock from 'mockjs';
 import React, { useState } from 'react';
 
-function getUsername(id: number): Promise<string> {
+function getUsername(id: string): Promise<string> {
   return new Promise((resolve) => {
     setTimeout(() => {
       resolve(Mock.mock('@name'));
@@ -19,7 +19,7 @@ export default () => {
     run,
     params,
   } = useRequest(getUsername, {
-    defaultParams: [1],
+    defaultParams: ['1'],
   });
 
   const onChange = () => {
diff --git a/packages/hooks/src/useSize/demo/demo1.tsx b/packages/hooks/src/useSize/demo/demo1.tsx
index 2742ebee5f..d81874ae18 100644
--- a/packages/hooks/src/useSize/demo/demo1.tsx
+++ b/packages/hooks/src/useSize/demo/demo1.tsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { useSize } from 'ahooks';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const size = useSize(ref);
   return (
     <div ref={ref}>
diff --git a/packages/hooks/src/useTextSelection/demo/demo3.tsx b/packages/hooks/src/useTextSelection/demo/demo3.tsx
index 5226abe405..a9a7c26942 100644
--- a/packages/hooks/src/useTextSelection/demo/demo3.tsx
+++ b/packages/hooks/src/useTextSelection/demo/demo3.tsx
@@ -10,7 +10,7 @@ import React, { useRef } from 'react';
 import { useTextSelection } from 'ahooks';
 
 export default () => {
-  const ref = useRef();
+  const ref = useRef(null);
   const selection = useTextSelection(ref);
   return (
     <div>
diff --git a/packages/hooks/src/useVirtualList/demo/demo1.tsx b/packages/hooks/src/useVirtualList/demo/demo1.tsx
index 242d608353..e825fca182 100644
--- a/packages/hooks/src/useVirtualList/demo/demo1.tsx
+++ b/packages/hooks/src/useVirtualList/demo/demo1.tsx
@@ -10,8 +10,8 @@ import React, { useMemo, useRef } from 'react';
 import { useVirtualList } from 'ahooks';
 
 export default () => {
-  const containerRef = useRef();
-  const wrapperRef = useRef();
+  const containerRef = useRef(null);
+  const wrapperRef = useRef(null);
 
   const originalList = useMemo(() => Array.from(Array(99999).keys()), []);
 
diff --git a/packages/hooks/src/useVirtualList/demo/demo2.tsx b/packages/hooks/src/useVirtualList/demo/demo2.tsx
index 4d44fad024..666fd41aa3 100644
--- a/packages/hooks/src/useVirtualList/demo/demo2.tsx
+++ b/packages/hooks/src/useVirtualList/demo/demo2.tsx
@@ -10,8 +10,8 @@ import React, { useMemo, useRef } from 'react';
 import { useVirtualList } from 'ahooks';
 
 export default () => {
-  const containerRef = useRef();
-  const wrapperRef = useRef();
+  const containerRef = useRef(null);
+  const wrapperRef = useRef(null);
 
   const originalList = useMemo(() => Array.from(Array(99999).keys()), []);
 
diff --git a/packages/hooks/tsconfig.pro.json b/packages/hooks/tsconfig.pro.json
new file mode 100644
index 0000000000..e1d263d634
--- /dev/null
+++ b/packages/hooks/tsconfig.pro.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../../tsconfig.pro.json",
+  "compilerOptions": {
+    "rootDir": "src"
+  }
+}
diff --git a/packages/use-url-state/tsconfig.pro.json b/packages/use-url-state/tsconfig.pro.json
new file mode 100644
index 0000000000..e1d263d634
--- /dev/null
+++ b/packages/use-url-state/tsconfig.pro.json
@@ -0,0 +1,6 @@
+{
+  "extends": "../../tsconfig.pro.json",
+  "compilerOptions": {
+    "rootDir": "src"
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
index db69e383ef..97eba1098e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,18 +3,20 @@
     "target": "ES5",
     "moduleResolution": "node",
     "jsx": "react",
-    "allowJs": true,
     "esModuleInterop": true,
     "downlevelIteration": true,
     "sourceMap": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["src/*"]
+      "@/*": ["src/*"],
+      "ahooks": ["./packages/hooks/src/index.ts"],
+      "ahooks/lib/*": ["./packages/hooks/src/*"],
+      "@ahooksjs/use-url-state": ["./packages/use-url-state/src/index.ts"]
     },
     "allowSyntheticDefaultImports": true,
     "skipLibCheck": true,
     "declaration": false,
     "strictNullChecks": true
   },
-  "exclude": ["node_modules", "lib", "es", "dist", "**/__tests__", "**/__test__", "**/demo"]
+  "exclude": ["node_modules", "lib", "es", "dist", "example"]
 }
diff --git a/tsconfig.pro.json b/tsconfig.pro.json
new file mode 100644
index 0000000000..ab68c6817a
--- /dev/null
+++ b/tsconfig.pro.json
@@ -0,0 +1,14 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": [
+    "node_modules",
+    "lib",
+    "es",
+    "dist",
+    "**/__tests__",
+    "**/__test__",
+    "**/demo",
+    "example",
+    "gulpfile.js"
+  ]
+}