server side ref - Theo's Typesafe Cult

Theo's Typesafe Cult•3y ago•

5 replies

server side ref

Is there a way to create a ref of a "use server" component to pass it down to a a client component :

"use server"
// [...]
async function MyServerComponent(){
 // useRef doesn't work here
 return
  <>
   <MyClientComponent refs={[ref1, ref2]} />
   <Component1 ref={ref1} />
   <Component2 ref={ref2} />
  </> 
}

"use server"
// [...]
async function MyServerComponent(){
 // useRef doesn't work here
 return
  <>
   <MyClientComponent refs={[ref1, ref2]} />
   <Component1 ref={ref1} />
   <Component2 ref={ref2} />
  </> 
}