feat: add

README.md

@@ -1,6 +1,6 @@
 # useSuspense
 
-三行代码实现 suspense fetch，兼容 SSR
+几行代码实现 suspense fetch，兼容 SSR
 
 ## Install
 
@@ -22,7 +22,7 @@ const resolve = () => {
 }
 
 function App() {
-  const value = useSuspense(() => resolve())
+  const [_, value] = useSuspense(() => resolve())
 }
 ```
 
@@ -42,7 +42,7 @@ const resolve = () => {
 function App() {
   const [name, setName] = useState('snake')
   // 每次 name 变化触发重新请求
-  const value = useSuspense(() => resolve(), { name })
+  const [isPending, value] = useSuspense(() => resolve(), { name })
 }
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "suspense-use",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "main": "lib/index.js",
   "module": "es/index.js",
   "scripts": {

src/index.ts

@@ -1,9 +1,13 @@
-import React, { useMemo } from 'react'
+import React, { useMemo, useDeferredValue } from 'react'
 
 export function useSuspense<T = any>(
   callback: () => Promise<T>,
   params: Record<string, any> = {}
 ) {
-  const memoValue = useMemo(() => callback(), [JSON.stringify(params)])
-  return (React as any).use(memoValue)
+  const rawParams = JSON.stringify(params)
+  const deferredParam = useDeferredValue(rawParams)
+  const memoValue = useMemo(() => callback(), [deferredParam])
+  const isSuspending = deferredParam !== rawParams
+
+  return [isSuspending, (React as any).use(memoValue)]
 }