so i have a client component which has useeffect to update the state of the componeent and that component has a a server component which takes in the state of the parent component , the server component user a server function to fetch data in a async fashion
//some function
usestate,useffect ;
return (<suspense><servercomp state></suspense>)
//some function
data = await longdatafetch()
//server component
return
data = data()
return <div>{data}</div>