docs: example are incorrect async function exports only

docs/01-app/03-api-reference/01-directives/use-cache.mdx

@@ -83,14 +83,14 @@ Any non-serializable arguments, props, or closed-over values will turn into refe
 For example, a cached function can take in JSX as a `children` prop and return `<div>{children}</div>`, but it won't be able to introspect the actual `children` object. This allows you to nest uncached content inside a cached component.
 
 ```tsx filename="app/ui/cached-component.tsx" switcher
-function CachedComponent({ children }: { children: ReactNode }) {
+async function CachedComponent({ children }: { children: ReactNode }) {
   'use cache'
   return <div>{children}</div>
 }
 ```
 
 ```jsx filename="app/ui/cached-component.js" switcher
-function CachedComponent({ children }) {
+async function CachedComponent({ children }) {
   'use cache'
   return <div>{children}</div>
 }
@@ -136,15 +136,15 @@ To pre-render an entire route, add `use cache` to the top of **both** the `layou
 ```tsx filename="app/layout.tsx" switcher
 'use cache'
 
-export default function Layout({ children }: { children: ReactNode }) {
+export default async function Layout({ children }: { children: ReactNode }) {
   return <div>{children}</div>
 }
 ```
 
 ```jsx filename="app/page.tsx" switcher
 'use cache'
 
-export default function Layout({ children }) {
+export default async function Layout({ children }) {
   return <div>{children}</div>
 }
 ```
@@ -159,7 +159,7 @@ async function Users() {
   // loop through users
 }
 
-export default function Page() {
+export default async function Page() {
   return (
     <main>
       <Users />
@@ -176,7 +176,7 @@ async function Users() {
   // loop through users
 }
 
-export default function Page() {
+export default async function Page() {
   return (
     <main>
       <Users />