Failed to ref to Allotment.Pane

[huoyingyangjie]

Is it by design or is it a bug?

[johnwalley]

Sounds like a bug. A ref to the underlying div is exposed:

Could you provide a reproduction so I can diagnose the issue?

[EFF]

@johnwalley Having the same issue here, paneRef is always undefined.

const MyParentComponent = () => {
  const paneRef = useRef<HTMLDivElement>(null) // not working
  const myComponentRef = useRef(null) // obv works
  const allotmentRef = React.useRef<AllotmentHandle>(null) // works
  
  return (
   <Allotment
     onChange={(size) => { /* some handler */}}
     ref={allotmentRef} // this one works
     >
       <Allotment.Pane ref={paneRef}> /* always undefined */
           <MyComponent ref={myComponentRef} /> /* this is my workaround */
        </Allotment.Pane>
  )
}

Experienced the issue on 1.17.1 and 1.19.0
Note that in my case this pane is 3 Allotment deep

[johnwalley]

I just had a quick look at this. I'm having some success with a change like this: #632. But I'll need to determine in more depth if it's correct (and work out what the correct types are).