Update rsc refresh typing and doc example (#35543)

huozhi · shuding · web-flow · commit d5e122594da9 · 2022-03-25T22:54:07.000+01:00
* Update rsc refresh typing and doc example

* Update docs/api-reference/next/streaming.md

Co-authored-by: Shu Ding &lt;g@shud.in&gt;

Co-authored-by: Shu Ding &lt;g@shud.in&gt;
diff --git a/docs/api-reference/next/streaming.md b/docs/api-reference/next/streaming.md
@@ -88,6 +88,8 @@ export default function Search() {
     <SearchUI
       onChange={() => {
         refresh()
+        // Or refresh with updated props:
+        // refresh(nextProps)
       }}
     />
   )
diff --git a/packages/next/client/index.tsx b/packages/next/client/index.tsx
@@ -808,7 +808,7 @@ if (process.env.__NEXT_RSC) {
     const startTransition = (React as any).startTransition
     const rerender = () => dispatch({})
     // If there is no cache, or there is serialized data already
-    function refreshCache(nextProps: any) {
+    function refreshCache(nextProps?: any) {
       startTransition(() => {
         const currentCacheKey = getCacheKey()
         const response = createFromFetch(
diff --git a/packages/next/client/streaming/refresh.ts b/packages/next/client/streaming/refresh.ts
@@ -1,6 +1,6 @@
 import { createContext, useContext } from 'react'
 
-export const RefreshContext = createContext((_: any) => {})
+export const RefreshContext = createContext((_props?: any) => {})
 
 export function useRefreshRoot() {
   return useContext(RefreshContext)

Original file line number	Diff line number	Diff line change
`@@ -88,6 +88,8 @@ export default function Search() {`
`88`	`88`	`<SearchUI`
`89`	`89`	`onChange={() => {`
`90`	`90`	`refresh()`
	`91`	`+ // Or refresh with updated props:`
	`92`	`+ // refresh(nextProps)`
`91`	`93`	`}}`
`92`	`94`	`/>`
`93`	`95`	`)`